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

Pie Chart

Source: Data Visualisation Catalogue - Pie Chart

Why This Belongs In The Compiler Gallery

Pie charts are the first useful test for compiler-owned polar sector geometry. The visible marks are SVG paths, but the source data should remain plain category/value rows.

Data Contract

Each raw row is one category total.

FieldTypePurpose
channelcategoricalSector category and legend label.
valuequantitativeQuantity encoded as angular share.
pathDtext, derivedGenerated SVG sector path.
share, percentLabelquantitative/text, derivedSector share and visible percentage.
labelX, labelYquantitative, derivedLabel anchor coordinates.

Compiler Mapping

Compiler partMapping
Data sourcechannel-share raw rows and derived sectors.
Transformlayout with layoutKind: "polarSectors" and proportional-angle mode.
Scalescolor: ordinal(channel).
LayersOne generated path per sector plus percentage text.
GuidesGenerated color legend.

Faithfulness Notes

The core pie anatomy is compiler-owned now: source rows do not include angles, centroids, or path strings. Remaining work is polar guide/label collision policy and better small-slice callouts.