Static documentation

Data Visualisation Catalogue Gallery

Rendered markdown notes for the catalogue review, compiler mapping, implementation tracker, and chart method specs.

38 chart methods
10 with reference assets
43 documents

Stacked Area Graph

Source: Data Visualisation Catalogue - Stacked Area Graph

Why This Belongs In The Compiler Gallery

The catalogue describes stacked area graphs as multiple area series where each series starts from the boundary left by the previous series. That makes it a direct test of whether the compiler can combine data-derived stack boundaries with path geometry, rather than only drawing a single area down to zero.

Data Contract

Each raw row represents one series value at one ordered period.

FieldTypePurpose
periodordinalOrdered time/category position on the x-axis.
periodIndexquantitativeStable sort key for path construction.
seriescategoricalStack member and color key.
valuequantitativeRaw magnitude.
startquantitative, derivedLower area boundary produced by the stack transform.
endquantitative, derivedUpper area boundary produced by the stack transform.

Expected Visual

The faithful catalogue version should show colored bands sharing the same x positions, with the total height of all bands representing the combined value at each period.

ElementExpected treatment
AreasSmooth filled path bands between y0: start and y1: end.
BoundariesOptional upper boundary paths for readable stack edges.
ColorOrdinal palette keyed by series.
BaselineBottom series starts at zero; upper series starts at the previous series boundary.
LegendNeeded for series colors.

Compiler Mapping

Compiler partMapping
Data sourceraw-area-series and derived segments.
Transformstack computes start and end per period/series.
Scalesx: band, y: linear, color: ordinal.
LayersSmooth path bands using y0 and y1, plus optional edge paths.
GuidesGenerated x/y axes, y gridlines, x gridlines, and a generated color legend.

Faithfulness Notes

This implementation covers the catalogue's simple stacked area form, and the same primitives now support the Stream Graph gallery route. Remaining variants need 100 percent mode coverage for area charts, richer interpolation policies, and stream-specific ordering/baseline options.