gitwtfhub

wtf is bl.ocks.org?

mbostock/bl.ocks.org — explained in plain English

Analysis updated 2026-08-03 · repo last pushed 2018-06-29

94JavaScriptAudience · developerComplexity · 1/5DormantSetup · easy

TL;DR

Browser extensions for Chrome and Firefox that enhance the bl.ocks.org website, where people share and view small HTML and JavaScript code examples hosted on GitHub Gists.

Mindmap

mindmap
  root((repo))
    What it does
      Enhances bl.ocks.org browsing
      Works with GitHub Gists
      Adds helpful viewer features
    Browser support
      Chrome extension
      Firefox extension
      Safari discontinued
    Use cases
      Browse code examples
      View front-end demos
      Share data viz snippets
    Audience
      Data visualization folks
      D3 example viewers
      Front-end developers
    Notable details
      Created by Mike Bostock
      D3.js library author
      No Safari due to fees

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Install the Chrome or Firefox extension to get a better experience browsing code examples on bl.ocks.org.

REASON 2

Use the extensions to more easily view and interact with D3.js data visualization demos hosted as GitHub Gists.

REASON 3

Share front-end code snippets on bl.ocks.org with an enhanced viewing experience for your audience.

What's in the stack?

JavaScriptChrome ExtensionFirefox Extension

How it stacks up

mbostock/bl.ocks.orgkaolti/monolith-terrainaburousan/hilbert-editor
Stars949493
LanguageJavaScriptJavaScriptJavaScript
Last pushed2018-06-29
MaintenanceDormant
Setup difficultyeasyeasyeasy
Complexity1/52/52/5
Audiencedeveloperdeveloperresearcher

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Install through the Chrome or Firefox browser extension stores, no configuration needed.

No license information is provided in the README, so the code's usage terms are unclear.

Wtf does this do

bl.ocks.org is a website that lets people share and view simple web examples, small HTML and JavaScript snippets, through GitHub's Gist service. The browser extensions in this repo add helpful features when you're browsing those examples, making it easier to view and interact with the code on the site. The extensions are available for Chrome and Firefox, and you install them through their respective browser extension stores. Once installed, they enhance your experience when visiting bl.ocks.org, though the README doesn't go into detail about exactly what features they add. A Safari version used to exist but was discontinued because Apple charges developers $99 per year for the certificate needed to publish Safari extensions. This project is for people who browse or share code examples on bl.ocks.org, likely data visualization folks, given that the site was created by Mike Bostock, the creator of the D3.js visualization library. If you regularly look at D3 examples or other front-end demos hosted as Gists, these extensions would smooth out that workflow. The most notable thing here is the blunt stance on Safari: the README explicitly says "Please don't use Safari," which reflects frustration with Apple's paid developer program for extension distribution. It's a small but real example of how platform fees can push smaller projects to drop support entirely.

Yoink these prompts

Prompt 1
Help me install the bl.ocks.org browser extension for Chrome and explain what features it adds when browsing code examples on the site.
Prompt 2
I want to build my own browser extension that enhances a code-sharing website like bl.ocks.org. Walk me through the basic structure using this repo as a reference.
Prompt 3
Set up a bl.ocks.org example as a GitHub Gist with a simple D3.js visualization, then show me how to view it using the bl.ocks.org site with the browser extension installed.
Prompt 4
Explain how bl.ocks.org turns a GitHub Gist into a viewable web page, and help me create a Gist that works well on the site.

Frequently asked questions

wtf is bl.ocks.org?

Browser extensions for Chrome and Firefox that enhance the bl.ocks.org website, where people share and view small HTML and JavaScript code examples hosted on GitHub Gists.

What language is bl.ocks.org written in?

Mainly JavaScript. The stack also includes JavaScript, Chrome Extension, Firefox Extension.

Is bl.ocks.org actively maintained?

Dormant — no commits in 2+ years (last push 2018-06-29).

What license does bl.ocks.org use?

No license information is provided in the README, so the code's usage terms are unclear.

How hard is bl.ocks.org to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is bl.ocks.org for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.