blocks by mbostock


Override cells

Overriding notebook-stdlib



Subdivisions of England



U.S. Historical Tax Rates


Click to Select All

Radial Force

Municipalities of Mexico II

Municipalities of Mexico

Sankey Diagram

Adjustable Link Strength

Density Contours II

Density Contours

GeoJSON in Three.js

Cloud Contours

GeoTIFF Contours II

GeoTIFF Contours

Contour Plot III

Contour Plot II



Stacked Negative Values

Winding Order

Antimeridian Cutting II

Force-Directed Tree II

Circle Piano

Border Mesh

I Make Circles

Polygon Clipping III

Polygon Clipping II

Polygon Clipping I

Versor Dragging II

Versor Dragging

Radial Stacked Bar III

Radial Stacked Bar II

Radial Normalized Stacked Bar

Circle Wave

Radial Stacked Bar

U.S. Population Density

D3 Source Treemap

Localized Time Axis II

Localized Time Axis

Modifying a Force Layout II

Clipped Conic Conformal


California Population Density II

Merged Choropleth

Isolating Forces

d3.geoPath + node-canvas

Monochrome Mona Lisa

Branched Random Walk

Reporting an Issue

Constrained Zoom

Brush Snapping III

Fixed Zoom

Zoom to Domain

Streaming Shapefile

Treemap by Count

Fit Extent

Asking for Help

Interrupted Sinusoidal II

Brush & Zoom II

Every Map Projection

Brush & Zoom

Peirce Equatorial

Pierce Tiles

Eased Scale

Stretched Treemap

Sleep Cycles

Tile by Bounding Box

Scatterplot Tour

Histogram II

ColorBrewer Spline II

ColorBrewer Spline

Mona Lisa Histogram

Drag & Zoom II

Drag & Zoom

Local Variables

Pan & Zoom V

Pan & Zoom IV

Pan & Zoom III

Pan & Zoom II

Pan & Zoom I

Pan & Zoom Axes

D3 Custom Bundle II

Zoom Transitions

Fetching CSV

Blocks Graph

Force Dragging III

Force Dragging II

Force Dragging I

Circle Dragging IV

Circle Dragging III

Circle Dragging II

Circle Dragging I

Example Authors


Force-Directed Lattice

Force-Directed Web Worker

Force GIF

Collision Detection

Force-Directed Tree

Force-Directed Graph

Hexagonal Binning

Nest Treemap

Animated Quadtree

Rainbow Perceptual Distance

Circle-Packing II

Radial Dendrogram

Tidy Tree vs. Dendrogram


Voronoi Spirals III

Voronoi Spirals II

Voronoi Spirals

Rainbow Treemap

Cascaded Treemap

Nested Treemap


Rainbow Pack



Chained Transitions II

Zoom vs. Click

Click vs. Drag

Text Transition II

Text Transition I

Transform Transitions II


Polar Clock III

Polar Clock II

Star Map

N-Body Problem II

N-Body Problem

Bar Chart with Negative Values II

Chained Transitions

Isometric III

Isometric II


GraphicsMagick Cheat Sheet

Sized Donut Multiples


Inline Labels


Canvas Line

Arc Corners II

Arc Corners

Arc Padding III

Arc Padding II

Donut Centroid

Pie Centroid

Canvas Donut

Canvas Pie

Diamonds II


Percentage Change II

Percentage Change

D3 Outline Logo

Convex Hull

Seven Symbols

T-minus Time

Pie Padding

Arc Padding

Kernel Smoothing

Line with Missing Data

Time of Day

Wave Motion

Rounded Arc Test

Catmull–Rom Curves

New Splines!

Fitted Symbols

Transition to Default

Nightly Show

Tree of Life

D3 Logo

Animated D3 Logo

Revised D3 Logo

Improved Circle Packing

Link Nodes by Name

Smallest Enclosing Circle

Apollonius’ Problem II

Apollonius’ Problem

Matplotlib Colormaps

Colorcomb II

Voronoi Circles

Delaunay Circles III

Delaunay Circles II

Delaunay Circles




Color Mesh II

Color Mesh

This Is a Globe

This Is Not a Globe

Connected Particles III

Canvas Bar Chart

Quantile Choropleth

Connected Particles II

Connected Particles

Cubehelix Color Picker

HSL Color Picker

HCL Color Picker

Lab Color Picker

RGB Color Picker


Cubehelix Interpolation II

Cubehelix Color Space

Cubehelix Interpolation

HCL Color Space

HCL Interpolation II

HCL Interpolation

Easing Functions III

Easing Functions II

Easing Functions

D3 Custom Bundle

Parent Data

Line Drawing

XML Parsing

Rainbow Circle

bash profile

Delaunay Force Mesh III

Spiral Circle

Delaunay Force Mesh II

State Grid

Spiral Triangle III

Spiral Triangle II

Spiral Triangle

Programmatic Pan+Zoom III

Programmatic Pan+Zoom II

Screen Recording to GIF

Named Transitions II

Patterson Cylindrical

Arc Piano

Extending Arcs

Arc Corners IV

Arc Corners III

Arc Corners II

Circle in Sector

Pie Padding II

Rounded Corner

Arc Corners

Pie Padding

Counterclockwise Arc

Solar Analemmas

Solar Path

Equirectangular Fisheye

Tile Viewer

Named Transitions

Line Segment Intersection

Closest Line Segment

Multiple Rotations


Pencil Sketch

Back-facing Hemisphere

Merging States

Reprojecting CSV with ogr2ogr

Map Pan & Zoom IV

Map Pan & Zoom III

Map Pan & Zoom II

Map Pan & Zoom I

Poisson-Disc V

Prim’s Algorithm V

Prim’s Algorithm IV

A Less-Angry Rainbow

Poisson-Disc IV

Mitchell’s Best-Candidate V

Uniform Random III

Poisson-Disc II

Annulus Sampling II

Annulus Sampling I


Mitchell’s Best-Candidate IV

Poisson-Disc III

Uniform Random II

Mitchell’s Best-Candidate III

Uniform Random

Mitchell’s Best-Candidate II

Quicksort VI

Mergesort IV

Quicksort V

Shuffle II

Shuffle I

Mergesort III

Mergesort II

Mergesort I

Quicksort IV

Quicksort III

Quicksort II

Quicksort I

launchd Startup Script

Maze Hover

Maze Tree

Analyzing Spanning Trees

Wilson’s Algorithm IV

Prim’s Algorithm IV

Randomized Depth-First IV

Random Traversal IV

Randomized Depth-First III

Randomized Depth-First II

Randomized Depth-First

Better-Only Search

Wilson’s Algorithm II

Prim’s Algorithm II

Random Traversal

Phyllotaxis II


Cubehelix II


Prim’s Algorithm III

Best-First Search II

Random Search II

Wilson’s Algorithm III

Wilson’s Algorithm

Random Traversal III

Rainbow Luminance

Best-First Search

Random Traversal II

Random Search

Prim’s Algorithm

Digital Clock

Perspective Transformation II

Perspective Transformation

Interrupting Chained Transitions

Accelerate, Then Coast III

Accelerate, Then Coast II

Accelerate, Then Coast

Swiss Cantons & Lakes

Congressional District Topology

County Bubbles

Voronoi Topology

Paint by Numbers II

Paint by Numbers

Merging Counties III

Merging Counties II

Merging Counties


State Icons

Border Distance

Lambert Conformal Conic

Tick Format

Coastal Graph Distance II

Coastal Graph Distance

County Topology

Animation Benchmark

Multitouch Drag II

Solar Oscillator

Zoom to Bounding Box II

Immediate Transitions

Multitouch Drag


OMG Particles II

Raster & Vector IV

Small Multiples III

Small Multiples II

Radial Gradient

Clone Templates




Now + Solar Terminator


Quadtree Search

Stretched Projection

Neighboring Congressional Districts

New York Population Density

Solar Terminator (Waterman)

New York Census Tracts

Page Swiping

Multi-Line Voronoi

Processing Fixed-Width Data

Closest Point on Path II

Closest Point on Path

Rotating Transverse Mercator

Cluster Force Layout IV

Clustered Force Layout III

Dynamic Hexbin

Cluster Dendrogram II

Rotating Icosahedron

Dynamic Simplification IV

Natural Log Scale

Voronoi Arc Map

Hierarchical Edge Bundling

Zoomable Circle Packing

Infinite Queue

Parallel Coordinates

Wrapping Long Labels

Bar Chart IIIa

Bar Chart IIIc

Bar Chart IIIb

Range Transition

Bar Chart IIc

Bar Chart IIb

Bar Chart IIa

Bar Chart I


Virginia Counties

Non-Computed Style Tween

Voronoi Labels

Snowflake Simplification

Delaunay Force Mesh

See-Through Globe II

See-Through Globe

Floating Landmasses

Superscript Format II

Superscript Format


Canvas Voronoi

Treemap Padding

Rotating Orthographic

Subsecond Ticks

Fitting Affine Projection

Undersea Cables II

Smooth Slider

Click-to-Recenter Brush II

Click-to-Recenter Brush

Save SVG as PNG

Drag Slider

Arc Deduplication

Ring Cutting

Simple Junctions

Junction Finding

Ring Extraction

U.S. State Mesh

Population Choropleth

Map Zooming III

Map Zooming II

Dynamic Simplification III

Plant Hardiness Zones

OPHZ Zooming

Dynamic Simplification II

Dynamic Simplification

Map Zooming

Zoom Transitions

Brush Snapping II

Brush Snapping

Zoom Center

Mitchell’s Best-Candidate

Mitchell’s Best-Candidate

Mitchell’s Best-Candidate

Custom Cartesian Projection

Brush Transitions

Left-Aligned Ticks

No Zoom on Context Menu

Drag + Zoom

U.S. Urban Areas

Concurrent Transitions II

Gradient Bump

New York Block Groups

DRY Bar Chart

Alaska Albers

Bilevel Partition

Great Arc

Projected Choropleth

Raster & Vector III

Extradition Treaties

Dispatching Events

Snowden’s Route

Counting Weekdays

Vector Tiles

Exit, Update, Enter II

Exit, Update, Enter

Custom Easing

Kentucky Population Density

No Antimeridian Cutting

Albers with Resampling

Albers without Resampling

Resampling Comparison

Resampling Comparison

Line Simplification

Scale-Dependent Sampling

Rotating Transverse

Transversing Equirectangular

Orthographic to Equirectangular

Rotating Orthographic

TopoJSON Layers

TopoJSON Parallax

Adaptive Resampling


Pie Chart Update, V

Pie Chart Update, IV

Pie Chart Update, III

Hierarchical Edge Bundling

Custom Projection

Stroke Dash Interpolation

AlbersUSA + PR

Tissot’s Indicatrix

Ordinal Tick Filtering

Chamberlin Trimetric

Airy’s Minimum Error

Airy’s Minimum Error

US, CA, MX and PR

Vector Tiles

Albers Tiles

U.S. Rivers

Vector Tiles

Every ColorBrewer Scale

California Population Density

Projected TopoJSON

Albers USA

Marey’s Trains II

Marey’s Trains

Log Axis

Log Axis with Zero

Gist API Latency



Milky Way

Hello WebGL IV

Hello WebGL III

Hello WebGL II

Hello WebGL

Hashing Points

One System, Every Kepler Planet

Merging States II

Merging States

Kepler’s Tally

Albers Siberia

Lorenz Toy

Lorenz System

How selectAll Works

Ohio State Plane (N)

Concurrent Transitions

Raster & Vector II


Ginzburg IX

Ginzburg VIII

Ginzburg VI

Ginzburg V

Ginzburg IV

Raster & Vector I

Hexagon Mesh


Cylindrical Stereographic

Van der Grinten III

Van der Grinten II


Rectangular Polyconic


Kentucky Population Density

New Jersey State Plane

Arc Tween

EPSG:2163 Coordinates

Gray Earth

Constrained Zoom

New Jersey Blocks

One-Way Markers

Zip Codes


Metropolitan Unemployment


The Sun’s View of the Earth

Project to Bounding Box

Zoom to Bounding Box

Transverse Mercator

Iceland Topography


113th U.S. Congressional Districts

Rotating Voronoi

Asia Lambert Conic Conformal

Curved Links

Solar Terminator

Polar Plot

Threshold Key

Draggable Network II

Brushable Network, II

Brushable Network

Draggable Network

Two Point Equidistant

Two Point Equidistant



Concentric Circles Emanating

Mollweide Hemispheres

Interrupted Mollweide


Van der Grinten IV

Laskowski Tri-Optimal


Wagner IV

Interrupted Sinu-Mollweide

Interrupted Boggs Eumorphic

Boggs Eumorphic

Maurer No. 73

Hill Eucyclic

Natural Earth

Tobler World-in-a-Square


Baker Dinomic

Flat-Polar Sinusoidal

Flat-Polar Quartic

Flat-Polar Parabolic

Craster Parabolic

Wagner VII


Quartic Authalic



Berghaus Star

Craig Retroazimuthal

Craig Retroazimuthal

Hammer Retroazimuthal


Interrupted Sinusoidal

Gnomonic Butterfly

Waterman Butterfly

Prose-only Blocks

Interrupted Goode Homolosine

Azimuthal Equidistant

Blocky Counties

TopoJSON Points

Rotated Axis Labels

Polar Azimuthal Equal-area

Gringorten Equal-Area

U.S. Airports Voronoi

Brush Handles

Ordinal Brushing

ggplot2-Style Axis

Q-Q Plots

Zoomable Sunburst



Graph Rollup

Spline Editor

Symbol Map

Kernel Density Estimation

Convex Hull

The Amazing Pie

Donut Transitions

Delaunay Triangulation

Hierarchical Edge Bundling

Radial Cluster Dendrogram

Tidy Tree

Collapsible Tree

Finite State Stream

Bivariate Hexbin Map

Raster Reprojection

Axis Styling II


Peirce Quincuncial

Three-Axis Rotation

Closest Point to Segment

GeoJSON Transforms


Hexagonal Binning (Area)

Hexagonal Binning (Color)

Contour Plot

Voronoi Clipping

Circle-Polygon Intersection

Swiss Cantons

County Circles

Blocky Counties

Fuzzy Counties

Area Choropleth

Capturing Mousemove

World Tour

World Map

Rainbow Worm

Gradient Along Stroke

Clipped Map Tiles

Custom Time Format


U.S. Land TopoJSON

Stitching States from Counties

Zoomable Map Tiles

U.S. Counties TopoJSON


U.S. Counties TopoJSON Mesh

U.S. States TopoJSON

Scatterplot Matrix Brushing


Cluster Dendrogram

Radial Tidy Tree

Circle Packing

Sunburst Partition

Calendar View

Bubble Chart

Color via Clipping

Population Pyramid

Force-Directed Graph

Chord Diagram

Bullet Charts

Box Plots



Voronoi Tessellation

Non-Contiguous Cartogram

Pseudo-Dorling Cartogram

Pseudo-Demers Cartogram

Zoomable Area

Threshold Encoding

Gradient Encoding

Voronoi Test (N=2)

Sankey Interpolation

Creating Thumbnails with GraphicsMagick


Stacked-to-Grouped Bars

Underscore’s Equivalents in D3

Path Tween

Chained Transitions

X-Value Mouseover

Update-Only Transition

Difference Chart

Programmatic Pan+Zoom


Donut Multiples

Pie Chart

Donut Chart


Grouped Bar Chart

Normalized Stacked Bar Chart

Stacked Bar Chart

Sortable Bar Chart

Bar Chart

Stacked Area Chart

Multi-Series Line Chart

Bivariate Area Chart

Line Chart

Area Chart

The Gist to Clone All Gists

Loximuthal SVG Logo

Voronoi tests

van Wijk Smooth Zooming

General Update Pattern, III

General Update Pattern, II

General Update Pattern, I

Projection Contexts



August Projection

Van der Grinten I

Adaptive Resampling

Interactive Gnomonic

Interactive Orthographic

Satellite Projection Test

Satellite Projection

Rotating Winkel Tripel

Antimeridian Cutting

d3.geoPath + Canvas


Interactive Stereographic



Spherical Mercator


Equirectangular (Plate Carrée)

Azimuthal Equidistant

Lambert Azimuthal Equal-Area

Progress Events

Shared Data

Sticky Force Layout





Goode Homolosine

Eckert VI

Eckert V

Eckert IV

Eckert III

Eckert II

Eckert I

Lambert Conformal Conic

Equidistant Conic Projection



Albers Equal-Area Conic

Rotating Equirectangular

Rotating Orthographic

Sortable Table with Bars


Cylindrical Equal-Area



Projection Transitions


Wagner VI

Kavrayskiy VII

Map Projection Distortions

Clean Up for Natural Earth GeoJSON


Winkel Tripel

Canvas Semantic Zooming

SVG Geometric Zooming

Canvas Geometric Zooming

SVG Semantic Zooming

Winkel Tripel Graticule

Aitoff Graticule

Lazy Scale Domain

Rounded Rectangle

Circular Segment

Axis Styling

Git-backed Node Blob Server

Resizable Force Layout

CSV Syntax Definition

Force-Directed Graph

Letter Frequency

Line Interpolation

Monotone Interpolation

Threshold Choropleth

d3.time.format localization

d3.time.scale nice


Custom Tweens

Multi-Value Maps

Rainbows are Harmful


Google Hurdles

Ordinal Axis

Scatterplot with Shapes

Collision Detection (Canvas)

Collision Detection

Scatterplot Matrix

Ordinal Tick Filtering

Heatmap (2D Histogram, CSV)

Tree Layout Orientations

Scatterplot with Multiple Series

Force Layout with Canvas

Transform Interpolation

Animated Clipped textPath

Animated textPath

Mirrored Easing

Circle-Circle Intersection

Twitter SVG Logo

Read File or HTTP

Cross-linked Mouseover

Shape Tweening



Geodesic Grid

Geodesic Rainbow


Stacked Radial Area


D3 Bookmarklet

Duration Histogram


Area with Missing Data

Orthographic Shading


Orthographic Clipping

Stacked Area via Nest

Margin Convention

Lab and HCL Color Spaces


Extent Ticks

Zero Ticks

Manual Axis Interpolation

Orthographic Grid

Pedigree Tree

Rectilinear Grid

Fisheye Grid

Tree Layout from CSV

Force Layout from CSV

W3C Validation Errors

Squares ↔ Hexagons

Orthographic Projection

Albers USA Projection

Albers Projection

Simplifying and cleaning Shapefiles.

Force Layout & Matrix Market Format

SVG Path Cleaning

Force-Directed Graph with Mouseover

SVG Swarm

Canvas Swarm

Text Along a Path

"Elbow" Dendrogram

Zoomable Geography

Bar Chart with Negative Values

click-to-zoom via transform

click-to-center via transform


mousewheel-zoom + click-to-center

Hive Plot (Areas)

Hive Plot (Links)

Histogram Chart

Mitchell’s Best-Candidate

Month Axis

Automatic Text Sizing

Multi-Foci Force Layout

Force Layout Multiples (Independent)

Input Value Interpolation

Clustered Force Layout II

Clustered Force Layout I

Point-Along-Path Interpolation


Asynchronous Queue

Static Force Layout

Smooth Scrolling

Monday-based Calendar

Line Transition (Broken)

Spline Transition

Line Transition


Irregular Histogram

Irregular Histogram (Lollipop)

Transition Speed Test

Sortable Bar Chart


One Path for All Links

Cost of Living - Parallel Coordinates

Cube Metrics Client (Node.js + WebSockets)

Drag Multiples

The first commented line is your dabblet’s title

Expandable Menu

Horizon Chart

Table of Progress

Node + MySQL + JSON


SVG foreignObject Example

Left-Aligned Ticks

A Bar Chart

Square Circle Spiral Illusion



d3.create + selection.adopt

Prototype Chart Template (WIP)

Epicyclic Gearing

Pie Chart Update, II

Pie Chart Update, I

Transform Transitions

SVG feGaussianBlur

Log-Log Plot

Parallel Coordinates

2D Matrix Decomposition

D3 and Custom Data Attributes

Point-Along-Path Interpolation

The Euro Debt Crisis

Sunburst with Distortion

Pie Multiples with Nesting

Pie Multiples

Hello, D3!

Hierarchical Bar Chart

DOM-to-Canvas using D3

D3 Show Reel

Multi-Foci Force Layout

Spinny Globe

Merge Sort

Force Layout with Mouseover Labels

Force Layout with Tooltips

Force Layout from Adjacency List

Pixymaps (Scrolling)

Pixymaps (Dragging)

Transition End


Axis Component


Small Multiples

Mobile Patent Suits

Force-Directed Tree


Stacked Bar Chart

Bounded Force Layout

Chained Transitions

Rounded Rectangles

Segmented Lines

Arc Clock

Polar Clock

Modifying a Force Layout

Collapsible Force Layout

Collapsible Indented Tree

Absolute-Positioned Tooltip

Linear Gradient

Force-Directed Layout from XML

Force-Directed States of America

Date Ticks

Venn Diagram with Clipping

Venn Diagram with Opacity

OMG Particles!

Force-Directed Symbols

Collapsible Force Layout

Chord Diagram

Hierarchical Edge Bundling

Multi-Foci Force Layout

Multi-Foci Force Layout

Superformula Explorer

Superformula Tweening

Line Tension

External SVG

Square Grid

Zoomable Icicle

Marimekko Chart

Random Tree

Force Layout from List


Labeled Force Layout

Radial Arc Diagram

Banded Arcs