Chart Compiler Gallery
ChartSpec data compiles into resolved scales, layer specs, glyph definitions, scene graph nodes, and a single SVG renderer.
What This Exercises
Each linked page renders one compiler surface and exposes its compiled chart, scene graph, selected glyph params, source rows, fields, scales, layouts, and theme lineage. The index stays as a map of the workbench rather than rendering every test chart at once.
Normalize
Stable ChartSpec ids separate source fields, layouts, scales, and layers.
Resolve
Params become concrete glyph geometry and style with inspectable lineage.
Inspect
Click or hover a glyph to see the full source history for that mark.
Surfaces
50
Layers
383
Glyphs
6536
Test Surfaces
Source-target rows compile into ordered node positions and weighted arc paths.
Catalogue area graph implemented with the compiler area-band path primitive.
Catalogue bar chart using categorical bands, a shared zero baseline, and rect marks.
Raw observations compile into quartile summaries, whiskers, caps, and median marks.
Catalogue bubble chart with area-correct radius values, category color, and point glyphs.
Raw metric thresholds compile into qualitative bands, actual bars, and target markers.
Raw dated rows compile into month-grid cells with generated color legend values.
Raw intraperiod prices compile into open/high/low/close candles.
A parent-child metric table compiles into nested circle positions and radii.
Raw observations compile through a kernel-density transform before rendering as a filled distribution.
An annular sector layout derives donut paths and center summary text from raw category values.
Raw category counts compile into repeated point glyphs on a compact dot grid.
Grouped raw observations compile into mean points with confidence-style error intervals.
Reproduction of FlowingData's 2026 occupation divorce-rate beeswarm with source rows and compiler lineage.
Small-multiple reproduction of FlowingData's 2026 occupation category divorce-rate distributions.
Reproduction of the NYT/FlowingData EV price-vs-range comparison with source rows and regression lineage.
Reproduction of the FlowingData/NYT ICE-arrests small-multiple line chart from reconstructed rendered geometry.
Raw task start/end fields compile into interval bars on a shared timeline.
Sequential color, band layout, values, and matrix labels all compile to glyphs.
Raw order values are binned into continuous intervals before rect glyphs resolve.
Catalogue line graph implemented with a sorted path and sampled point glyphs.
Raw category and series values compile into variable-width mosaic rectangles.
Catalogue grouped bar chart with compiler-owned inner bar offsets inside parent categories.
The same financial interval transform renders OHLC stems and open/close ticks.
Equal-angle sectors use value-derived radius, exercising polar sector layout beyond pie shares.
County polygons are projected through a reusable map layout transform, then encoded with a threshold choropleth scale.
Raw multivariate rows compile into per-axis coordinates, axis guides, and grouped polylines.
Raw category values compile into proportional polar sectors rendered as generated path data.
Raw age rows compile into mirrored left/right bars with a symmetric quantitative scale.
Catalogue proportional area chart with circle areas driven by a sqrt scale and generated size legend.
Metric rows compile into radial axes, guide rings, closed profile polygons, and vertex points.
Ordered values compile into concentric annular bars with proportional sweep angles.
Equal angular columns share a radial baseline while value controls each annular sector length.
Catalogue scatterplot using point glyphs on two quantitative scales plus an optional trend path.
Raw paired values compile through the interval transform into span lines with endpoint marks.
Catalogue stacked area graph using stack-derived boundaries and area-band paths.
Catalogue stacked bar graph with segment starts and ends generated by the stack transform.
Catalogue stream graph using centered stack boundaries and smooth area bands.
Hierarchy rows are normalized and partitioned into annular sectors with generated SVG path data.
Dated events render through the temporal scale and generated date axis.
Raw day/time events compile into a timetable grid, headers, and duration-aware event blocks.
Raw category metrics are laid out into tile geometry before glyph params resolve.
A flat parent-child table is normalized into hierarchy rows, then laid out as nodes and curved links.
Grouped raw observations compile into mirrored density silhouettes with median and IQR guides.
Context, guide, and data text glyphs compiled from one row.
Point marks resolve two position scales, radius, color, and hit-test identity.
Weekly revenue and brush state are laid out into data and interaction glyph layers.
Raw channel revenue is laid out into facet panels, sparkline points, and endpoints.
Geographic coordinates resolve through x/y scales while symbol size and color keep lineage.
Raw product metrics and column config derive row positions, headers, and formatted cells.