D3 gallery, on call

All 173 notebooks from the canonical @d3/gallery, in 14 sections. Click any card to run it here via the Observable runtime; thumbnails and modules load from Observable’s CDN at view time. Catalog data is committed locally in data.ts.

ANIMATION · 23

Animated treemapTemporal force-directed graphConnected scatterplotThe wealth & health of nationsScatterplot tourBar chart raceStacked-to-grouped barsStreamgraph transitionsSmooth zoomingZoom to bounding boxOrthographic to equirectangularWorld tourWalmart’s growthHierarchical bar chartZoomable treemapZoomable circle packingCollapsible treeZoomable icicleZoomable sunburstSortable bar chartIcelandic population by age, 1841–2019Pie chart updateArc tween

INTERACTION · 9

Versor draggingIndex chartSequences sunburstBrushable scatterplotBrushable scatterplot matrixPannable chartZoomable area chartZoomable bar chartSeamless zoomable map tiles

ANALYSIS · 14

Moving averageBollinger bandsBox plotHistogramKernel density estimationDensity contoursVolcano contoursContoursHexbinHexbin (area)Hexbin mapQ–Q plotNormal quantile plotParallel sets

HIERARCHIES · 14

TreemapCascaded treemapNested treemapCircle packingIndented treeTidy treeRadial tidy treeCluster dendrogramRadial dendrogramSunburstIcicleTangled tree visualizationPhylogenetic treeForce-directed tree

NETWORKS · 11

Force-directed graphDisjoint force-directed graphMobile patent suitsArc diagramSankey diagramHierarchical edge bundlingHierarchical edge bundlingChord diagramChord diagramDirected chord diagramChord dependency diagram

BARS · 14

Bar chartHorizontal bar chartDiverging bar chartStacked bar chartStacked horizontal bar chartStacked normalized horizontal bar chartGrouped bar chartDiverging stacked bar chartMarimekko chartWorld history timelineCalendarThe impact of vaccinesElectricity usage, 2019Revenue by music format, 1973–2018

LINES · 15

Line chartLine with missing dataMulti-line chartChange line chartSlope chartSlope chart IIMarey’s trainsCandlestick chartVariable-color lineGradient encodingThreshold encodingParallel coordinatesInequality in American citiesNew zealand tourists, 1921–2018Sea ice extent, 1978–2017

AREAS · 11

Area chartArea with missing dataStacked area chartNormalized stacked area chartU.S. population by state, 1790–1990StreamgraphDifference chartBand chartRidgeline (joy) plotHorizon chartRealtime horizon chart

DOTS · 11

ScatterplotScatterplot with shapesScatterplot matrixDot plotGlobal temperature trendsBubble mapSpike mapBubble chartBeeswarmMirrored beeswarmHertzsprung–Russell diagram

RADIAL · 5

Pie chartDonut chartRadial area chartRadial stacked bar chartRadial stacked bar chart (sorted)

ANNOTATION · 8

Inline labelsDirectly labelling linesLine chart with tooltipVoronoi labelsOcclusionGraticule labelsStyled axesColor legend

MAPS · 22

ChoroplethBivariate choroplethState choroplethWorld choroplethWorld mapProjection transitionsProjection comparisonAntimeridian cuttingTissot’s indicatrixWeb Mercator tilesRaster tilesVector tilesClipped map tilesRaster & vectorVector fieldGeoTIFF contoursU.S. airports voronoiWorld airports voronoiSolar terminatorSolar pathStar mapNon-contiguous cartogram

ESSAYS · 4

d3.packEncloseCenterline labelingMethods of comparison, comparedPredator and prey

JUST FOR FUN · 12

Polar clockStern–brocot treeVoronoi stipplingWatercolorPSR B1919+21Epicyclic gearingOwls to the maxTadpolesWord cloudSpilhaus shoreline mapPhases of the moonColor schemes