Mike Bostock
’s Blocks
Updated November 9, 2016
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
Beeswarm
Force-Directed Lattice
Force-Directed Web Worker
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
Dendrogram
Voronoi Spirals III
Voronoi Spirals II
Voronoi Spirals
Rainbow Treemap
Cascaded Treemap
Nested Treemap
Circle-Packing
Rainbow Pack
Partition
Treemap
Chained Transitions II
Zoom vs. Click
Click vs. Drag
Text Transition II
Text Transition I
Transform Transitions II
Werner
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
Isometric
Sized Donut Multiples
Waterfall
Inline Labels
Bottomley
Canvas Line
Arc Corners II
Arc Corners
Arc Padding III
Arc Padding II
Donut Centroid
Pie Centroid
Canvas Donut
Canvas Pie
Diamonds II
Diamonds
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
Voroblobinoids
Monocomb
Colorcomb
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
Easing
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
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
Satellite
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
Poisson-Disc
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
Phyllotaxis
Cubehelix II
Cubehelix
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
Countdown
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
Multitouch
OMG Particles II
Raster & Vector IV
Small Multiples III
Small Multiples II
Radial Gradient
Clone Templates
Mexico
Mexico
Timezones
Now + Solar Terminator
Now
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
Shiboronoi
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
Ocean
Canvas Voronoi
Treemap Padding
Rotating Orthographic
Subsecond Ticks
Fitting Affine Projection
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
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
Cassini
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
csv2tsv
Skybox
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
GeoJOIN
Ginzburg IX
Ginzburg VIII
Ginzburg VI
Ginzburg V
Ginzburg IV
Raster & Vector I
Hexagon Mesh
Mouseenter
Cylindrical Stereographic
Van der Grinten III
Van der Grinten II
Times
Rectangular Polyconic
Zipdecode
Kentucky Population Density
New Jersey State Plane
Arc Tween
EPSG:2163 Coordinates
Gray Earth
Constrained Zoom
New Jersey Blocks
One-Way Markers
Zip Codes
Streams
Metropolitan Unemployment
Fahey
The Sun’s View of the Earth
Project to Bounding Box
Zoom to Bounding Box
Transverse Mercator
Iceland Topography
Stacked-to-Multiples
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
Atlantis
Briesemeister
Concentric Circles Emanating
Mollweide Hemispheres
Interrupted Mollweide
Eckert–Greifendorff
Van der Grinten IV
Laskowski Tri-Optimal
Bromley
Wagner IV
Interrupted Sinu-Mollweide
Interrupted Boggs Eumorphic
Boggs Eumorphic
Maurer No. 73
Hill Eucyclic
Natural Earth
Tobler World-in-a-Square
Hobo–Dyer
Baker Dinomic
Flat-Polar Sinusoidal
Flat-Polar Quartic
Flat-Polar Parabolic
Craster Parabolic
Wagner VII
HEALPix
Quartic Authalic
Wiechel
Armadillo
Berghaus Star
Craig Retroazimuthal
Craig Retroazimuthal
Hammer Retroazimuthal
Littrow
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
Icicle
Quadtree
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
Bivariate Hexbin Map
Raster Reprojection
Custom Axis
Sinu-Mollweide
Peirce Quincuncial
Three-Axis Rotation
Closest Point to Segment
Streams
Hexagonal Binning (Area)
Hexagonal Binning
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. TopoJSON
U.S. Land TopoJSON
Zoomable Map Tiles
U.S. Counties TopoJSON
U.S. TopoJSON
U.S. Counties TopoJSON Mesh
U.S. States TopoJSON
Scatterplot Matrix Brushing
Treemap
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
Streamgraph
Choropleth
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
Gall–Peters
Stacked-to-Grouped Bars
Underscore’s Equivalents in D3
Path Tween
Chained Transitions
X-Value Mouseover
Update-Only Transition
Difference Chart
Programmatic Pan+Zoom
Pan+Zoom
Donut Multiples
Pie Chart
Donut Chart
Scatterplot
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
WebPlatform.org SVG Logo
Voronoi tests
van Wijk Smooth Zooming
General Update Pattern, III
General Update Pattern, II
General Update Pattern, I
Lagrange
Eisenlohr
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
Guyou
Interactive Stereographic
Gnomonic
Stereographic
Spherical Mercator
Orthographic
Equirectangular (Plate Carree)
Azimuthal Equidistant
Lambert Azimuthal Equal-Area
Progress Events
Sticky Force Layout
Polyconic
Nell–Hammer
Mollweide
Miller
Goode Homolosine
Eckert VI
Eckert V
Eckert IV
Eckert III
Eckert II
Eckert I
Lambert Conformal Conic
Equidistant Conic Projection
Collignon
Bonne
Albers Equal-Area Conic
Rotating Equirectangular
Rotating Orthographic
Sortable Table with Bars
Larrivee
Cylindrical Equal-Area
Sinusoidal
Hammer
Projection Transitions
Robinson
Wagner VI
Kavrayskiy VII
Map Projection Distortions
Aitoff
Winkel Tripel
Canvas Semantic Zooming
SVG Geometric Zooming
Canvas Geometric Zooming
SVG Semantic Zooming
Winkel Tripel Graticule
Aitoff Graticule
Rounded Rectangle
Circular Segment
Axis Styling
Resizable Force Layout
Force-Directed Graph
Letter Frequency
Line Interpolation
Monotone Interpolation
Threshold Choropleth
d3.time.format localization
d3.time.scale nice
d3.tsv
Custom Tweens
Multi-Value Maps
Rainbows are Harmful
Heightmap
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
Twitter SVG Logo
Cross-linked Mouseover
Shape Tweening
Heatmap (Canvas, JSON)
Icosahedron
Geodesic Grid
Geodesic Rainbow
Icosahedron
Stacked Radial Area
Histogram
Duration Histogram
Molecule
Area with Missing Data
Orthographic Shading
UT1 - UTC
Orthographic Clipping
Stacked Area via Nest
Margin Convention
Lab and HCL Color Spaces
Exoplanets
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
Mercator Projection
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
click-to-center
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
Order
Asynchronous Queue
Static Force Layout
Smooth Scrolling
Monday-based Calendar
Line Transition (Broken)
Spline Transition
Line Transition
Autofocus
Irregular Histogram
Irregular Histogram (Lollipop)
Transition Speed Test
Sortable Bar Chart
Quicksort
One Path for All Links
Cost of Living - Parallel Coordinates
Drag Multiples
Expandable Menu
Horizon Chart
Table of Progress
selection.order
SVG foreignObject Example
Left-Aligned Ticks
A Bar Chart
Square Circle Spiral Illusion
Circles
D3 PJAX
Epicyclic Gearing
Pie Chart Update, II
Pie Chart Update, I
Transform Transitions
SVG feGaussianBlur
Log-Log Plot
Parallel Coordinates
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)
Dots
Axis Component
getBBox
Small Multiples
Mobile Patent Suits
Force-Directed Tree
Spermatozoa
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
Treemap
Labeled Force Layout
Radial Arc Diagram
Banded Arcs
Build Your Own Graph!
d3.geo.tiler
Google Maps + D3
Polymaps + D3, Part 2
Polymaps + D3
Grouped Bar Chart
Fill-Rule Evenodd
Circular Layout (Raindrops)
Circular Layout (Slider)
Circular Layout (Recursive)
Circular Layout (Arc)
Circular Layout
Moire Patterns
stroke-dasharray
Rainbow Voronoi
Focusable Maps
Image Processing
Image Markers
Fancy Markers (No Gradient)
Hover Markers
Resizable Markers
Donuts
Heatmap
Caravaggio’s Bacco (1597)
Labeled points
Van Wijk & Nuij Zooming
Sequential Tiles
Hilbert Tiles
Fancy Markers
CSSOM/SVG Test
Loupe
Minecraft Overviewer
CSS3 Modal Button
Cellular automata
Pale Dawn
Streamgraph
Hello, bl.ocks.org!
TITLE:Mike Bostock’s Blocks - bl.ocks.org
DATE:2016年11月10日（木）
URL:
https://bl.ocks.org/mbostock