whatisgithub

What is ocks.org?

mbostock/ocks.org — explained in plain English

Analysis updated 2026-08-03 · repo last pushed 2013-08-28

3Audience · designerComplexity · 1/5DormantSetup · easy

In one sentence

Source code for Mike Bostock's personal website, a famous archive of interactive data visualization examples that taught a generation how to turn raw numbers into visual stories on the web.

Mindmap

mindmap
  root((repo))
    What it does
      Hosts visualization examples
      Serves static web pages
      Public sketchbook
    Tech stack
      HTML
      CSS
      JavaScript
    Use cases
      Learn data visualization
      Study chart techniques
      Find map projection code
    Audience
      Designers
      Journalists
      Developers

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

What do people build with it?

USE CASE 1

Browse interactive data visualization examples to learn how charts are built.

USE CASE 2

Study the underlying code of a specific chart or map projection to adapt it for your own dataset.

USE CASE 3

Use the site as a reference for building dashboards, news graphics, or animated visual stories.

What is it built with?

HTMLCSSJavaScript

How does it compare?

mbostock/ocks.org000madz000/payload-test-api-route-handler0marildo/imago
Stars333
LanguageTypeScriptPython
Last pushed2013-08-28
MaintenanceDormant
Setup difficultyeasyeasyeasy
Complexity1/52/52/5
Audiencedesignerdevelopergeneral

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

How do you get it running?

Difficulty · easy Time to first run · 5min
The repository does not specify a license, so default copyright applies and you should not reuse the code without permission.

So what is it?

The mbostock/ocks.org repository contains the source code behind Mike Bostock's personal website, which historically hosted a large collection of interactive data visualization examples. If you have ever seen a dynamic, animated chart on a news website or a complex interactive graphic on the web, there is a good chance it was inspired by the demos originally published here. The project serves as a public sketchbook and reference for how to turn raw numbers into visual stories. The website is essentially a blog and a portfolio of code snippets, but the repository itself handles the mechanics of getting those examples onto the internet. It organizes the individual visualization pages so that they can be served as a static website. Because it relies on standard web technologies like HTML, CSS, and JavaScript, the examples run directly in a web browser without requiring the visitor to install any special software or plugins. The primary audience for this project includes designers, journalists, and developers who want to learn how to build data visualizations. For example, a data journalist at a newspaper might visit the site to study how a specific world map projection was drawn, or a product designer might look up how to create a colorful bubble chart for a dashboard. By browsing the live examples and looking at the underlying code, these creators can figure out how to apply similar techniques to their own datasets. The repository itself does not contain much documentation, so it is best understood by simply browsing the live website. It is a straightforward, practical archive rather than a complex application. Its value comes from the shared examples themselves, which have served as a foundational learning resource for the data visualization community over the years.

Copy-paste prompts

Prompt 1
Help me set up a static website to host my own collection of interactive data visualization examples, similar to Mike Bostock's ocks.org archive.
Prompt 2
I want to recreate an animated bubble chart like the ones on Mike Bostock's site. Walk me through the HTML, CSS, and JavaScript needed to build one from scratch.
Prompt 3
Show me how to turn a CSV of country populations into an interactive world map visualization for a web browser, inspired by the examples on ocks.org.

Frequently asked questions

What is ocks.org?

Source code for Mike Bostock's personal website, a famous archive of interactive data visualization examples that taught a generation how to turn raw numbers into visual stories on the web.

Is ocks.org actively maintained?

Dormant — no commits in 2+ years (last push 2013-08-28).

What license does ocks.org use?

The repository does not specify a license, so default copyright applies and you should not reuse the code without permission.

How hard is ocks.org to set up?

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

Who is ocks.org for?

Mainly designer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.