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

57

Layers

669

Glyphs

9264

Test Surfaces

Arc Diagram
33 glyphs

Source-target rows compile into ordered node positions and weighted arc paths.

5 data
19 fields
1 scales
9 layers
rect 7 / path 7 / point 7 / text 12
Area Graph
53 glyphs

Rebuilds the area chart with area and line paths, endpoint samples, and month guide labels.

6 data
8 fields
2 scales
11 layers
rect 2 / line 21 / path 2 / text 26 / point 2
Bar Chart
105 glyphs

Rebuilds the catalogue bar chart as band/value scale chunks plus rect marks.

4 data
6 fields
2 scales
7 layers
rect 33 / line 36 / text 36

Rebuilds the catalogue box plot with summary rows, centered whiskers, caps, boxes, and median marks.

5 data
16 fields
2 scales
13 layers
rect 7 / line 24 / text 9
Bubble Chart
64 glyphs

Rebuilds the catalogue bubble chart with Cartesian point marks, radius scale, color scale, and legends.

9 data
16 fields
4 scales
14 layers
rect 6 / line 18 / text 25 / point 15
Bullet Graph
36 glyphs

Raw metric thresholds compile into qualitative bands, actual bars, and target markers.

6 data
21 fields
2 scales
10 layers
rect 12 / line 15 / text 9
Calendar
85 glyphs

Rebuilds the calendar chart with month-cell layout rows, day numbers, weekday labels, and a color legend.

6 data
22 fields
1 scales
11 layers
rect 39 / text 46

Rebuilds the catalogue candlestick chart with financial interval rows, wick lines, and centered body rects.

7 data
23 fields
3 scales
11 layers
rect 10 / line 13 / text 10

A parent-child metric table compiles into nested circle positions and radii.

3 data
23 fields
1 scales
5 layers
rect 3 / point 10 / text 10
Density Plot
24 glyphs

Rebuilds the density plot with a density transform and filled path mark.

6 data
8 fields
2 scales
8 layers
rect 2 / line 12 / text 9 / path 1
Donut Chart
24 glyphs

Rebuilds the catalogue donut chart with annular sectors, center text, direct labels, and a legend.

5 data
22 fields
1 scales
8 layers
rect 7 / path 5 / text 12

Rebuilds the dot-matrix chart with a dot-matrix layout transform, direct point geometry, row labels, and a unit note.

3 data
14 fields
2 scales
5 layers
rect 2 / point 34 / text 5
Error Bars
36 glyphs

Rebuilds the catalogue error-bars chart with error interval rows, caps, and mean points.

5 data
13 fields
2 scales
12 layers
rect 3 / line 20 / text 9 / point 4

Reproduction of FlowingData's 2026 occupation divorce-rate beeswarm with source rows and compiler lineage.

7 data
37 fields
2 scales
8 layers
rect 3 / line 5 / text 5 / point 530

Small-multiple reproduction of FlowingData's 2026 occupation category divorce-rate distributions.

5 data
43 fields
1 scales
31 layers
rect 27 / line 23 / point 530 / text 46

Reproduction of the NYT/FlowingData EV price-vs-range comparison with source rows and regression lineage.

16 data
40 fields
4 scales
20 layers
rect 4 / line 14 / path 2 / text 20 / point 194

Faceted compiler version of the FlowingData/NYT EV price-vs-range comparison.

16 data
55 fields
0 scales
15 layers
rect 6 / line 14 / text 20 / path 2 / point 194
FD Gas Approval
359 glyphs

Reproduction of the FlowingData/NYT gas prices versus presidential approval chart with shaded periods and annotation layers.

20 data
40 fields
3 scales
25 layers
rect 4 / line 13 / path 8 / text 22 / point 312
FD ICE Arrests
148 glyphs

Reproduction of the FlowingData/NYT ICE-arrests small-multiple line chart from reconstructed rendered geometry.

23 data
30 fields
6 scales
28 layers
rect 5 / line 30 / text 88 / path 25

Reproduction of the FlowingData/Economist monthly-email strip plot from archived article text and rendered-image geometry.

11 data
51 fields
1 scales
20 layers
rect 869 / line 15 / text 56
Gantt Chart
37 glyphs

Rebuilds the Gantt chart with interval rows, time/band scales, status color, bars, and legend.

7 data
22 fields
3 scales
12 layers
rect 12 / line 10 / text 15
Heatmap
137 glyphs

Rebuilds the catalogue heatmap as band scales, sequential color, labels, and legend.

5 data
15 fields
3 scales
9 layers
rect 61 / text 76
Histogram
39 glyphs

Rebuilds the catalogue histogram as a bin transform plus interval rect marks.

5 data
10 fields
2 scales
7 layers
rect 19 / line 10 / text 10

Frame, margins, grid, stack, and inset primitives compose named chart regions that data, guides, and interaction layers can address.

33 data
21 fields
10 scales
51 layers
rect 46 / line 23 / text 30 / point 4
Line Graph
54 glyphs

Rebuilds the line chart with a sampled point overlay and month guide labels.

6 data
7 fields
2 scales
10 layers
rect 2 / line 20 / text 25 / path 1 / point 6

Rebuilds the Marimekko chart with mosaic layout rows, direct rect geometry, value labels, and a legend.

4 data
25 fields
1 scales
9 layers
rect 18 / text 17

Rebuilds the multi-set bar chart with grouped-band layout rows, direct rect widths, and a color legend.

7 data
19 fields
2 scales
11 layers
rect 18 / line 5 / text 14

Rebuilds the catalogue OHLC chart with financial interval rows and scaled line ticks.

7 data
23 fields
3 scales
14 layers
rect 5 / line 26 / text 12

Rebuilds the Nightingale rose chart with equal-angle polar sectors, value-radius mapping, labels, and legend.

4 data
22 fields
1 scales
9 layers
rect 8 / text 12 / path 5

County polygons are projected through a reusable map layout transform, then encoded with a threshold choropleth scale.

9 data
31 fields
1 scales
10 layers
rect 13 / path 3194 / text 10

Old Faithful observations compile through a two-dimensional kernel-density grid and marching-squares contour extraction.

4 data
15 fields
3 scales
8 layers
rect 3 / line 7 / path 17 / text 13 / point 272

Rebuilds the parallel-coordinates chart with field-repeat axis layout, axis/tick rows, grouped profile paths, and profile points.

4 data
24 fields
1 scales
8 layers
rect 2 / line 15 / text 15 / path 5 / point 15
Pie Chart
23 glyphs

Rebuilds the catalogue pie chart with polar sectors, direct percent labels, and a legend.

4 data
22 fields
1 scales
7 layers
rect 7 / path 5 / text 11

Rebuilds the population pyramid with diverging-bar layout rows and symmetric horizontal intervals.

6 data
21 fields
3 scales
11 layers
rect 41 / line 10 / text 9

Rebuilds the proportional-area chart with generated center rows, a band scale, a sqrt size scale, labels, and size legend.

5 data
17 fields
2 scales
11 layers
rect 3 / text 15 / line 5 / point 8
Radar Chart
46 glyphs

Metric rows compile into radial axes, guide rings, closed profile polygons, and vertex points.

7 data
27 fields
1 scales
12 layers
rect 6 / path 7 / line 5 / text 13 / point 15

Rebuilds the radial-bar chart with concentric track and value paths, direct labels, and legend.

4 data
22 fields
1 scales
10 layers
rect 8 / path 10 / text 12

Rebuilds the radial-column chart with equal-angle polar sectors, value-radius mapping, labels, and legend.

4 data
22 fields
1 scales
9 layers
rect 8 / text 12 / path 5
Scatterplot
45 glyphs

Rebuilds the scatterplot with color scale, regression trend, point layer, and filtered outlier labels.

7 data
11 fields
3 scales
10 layers
rect 2 / line 17 / path 1 / text 13 / point 12

Mixed fields expand into SPLOM panels with off-diagonal jittered scatter and diagonal distributions.

4 data
37 fields
1 scales
7 layers
rect 28 / point 72 / text 9
Span Chart
35 glyphs

Rebuilds the catalogue span chart with interval rows, horizontal spans, and endpoint points.

5 data
13 fields
2 scales
11 layers
rect 3 / line 13 / text 9 / point 10
FD Best Decade
330 glyphs

FlowingData-linked YouGov chart reproduced as respondent-age small multiples with source-row provenance.

5 data
42 fields
1 scales
10 layers
rect 80 / text 243 / line 7
Stacked Bar
44 glyphs

Rebuilds the horizontal stacked bar chart with stack rows and interval rect segments.

6 data
17 fields
3 scales
11 layers
rect 18 / line 14 / text 12
Stream Graph
53 glyphs

Catalogue stream graph using centered stack boundaries and smooth area bands.

8 data
18 fields
3 scales
12 layers
rect 7 / line 23 / path 4 / text 19

Hierarchy rows are normalized and partitioned into annular sectors with generated SVG path data.

3 data
26 fields
1 scales
5 layers
rect 3 / path 9 / text 9
Timeline
31 glyphs

Dated events render through the temporal scale and generated date axis.

4 data
10 fields
1 scales
10 layers
rect 3 / line 14 / point 5 / text 9
Timetable
76 glyphs

Raw day/time events compile into a timetable grid, headers, and duration-aware event blocks.

4 data
17 fields
1 scales
7 layers
rect 62 / text 14
Treemap
20 glyphs

Rebuilds the catalogue treemap with generated tile geometry and direct text labels.

2 data
16 fields
1 scales
5 layers
rect 8 / text 12
Tree Diagram
32 glyphs

A flat parent-child table is normalized into hierarchy rows, then laid out as nodes and curved links.

4 data
23 fields
1 scales
6 layers
rect 3 / path 9 / point 10 / text 10

Faceted slopegraph reproduction of Edward Tufte/Dave Nash cancer survival-rate table graphics.

9 data
44 fields
0 scales
17 layers
rect 9 / line 20 / text 147 / path 1 / point 96
Violin Plot
29 glyphs

Grouped raw observations compile into mirrored density silhouettes with median and IQR guides.

4 data
25 fields
2 scales
9 layers
rect 3 / line 13 / path 3 / text 10
KPI
8 glyphs

Context, guide, and data text glyphs compiled from one row.

3 data
9 fields
0 scales
8 layers
rect 5 / text 3
Point
50 glyphs

Rebuilds the point catalogue example with x/y scales, size scale, color scale, labels, and point marks.

5 data
9 fields
4 scales
9 layers
rect 2 / line 17 / text 21 / point 10

Weekly revenue and brush state are laid out into data and interaction glyph layers.

4 data
10 fields
2 scales
6 layers
rect 12 / text 8

Raw channel revenue is laid out into facet panels, sparkline points, and endpoints.

4 data
24 fields
1 scales
11 layers
rect 10 / text 3 / path 3 / point 3
Symbol Map
40 glyphs

Rebuilds the symbol map with manual lon/lat domains, size and color scales, grid guides, points, and labels.

7 data
17 fields
4 scales
14 layers
rect 7 / line 10 / text 15 / point 8
Product Table
40 glyphs

Raw product metrics and column config derive row positions, headers, and formatted cells.

6 data
21 fields
1 scales
12 layers
rect 9 / line 1 / text 30