Part-to-whole charts
Pie, donut, and treemap visuals for composition. Hub · Static catalog · API catalog.
4 kinds — each block shows inline JSON and a per-kind fetch mock under assets/data-charts-mocks/.
LoC share donut loc_share_donut
Static JSON
LoC share donut · loc_share_donut
Top two repos account for most lines of code.
API mock
Fetch: assets/data-charts-mocks/loc_share_donut.json
LoC share donut · loc_share_donut
Top two repos account for most lines of code.
Pie chart pie
Static JSON
Pie chart · pie
Segment A is the largest share of the whole.
API mock
Fetch: assets/data-charts-mocks/pie.json
Pie chart · pie
Segment A is the largest share of the whole.
Donut chart donut
Static JSON
Donut chart · donut
Donut shows same shares as pie with center cutout.
API mock
Fetch: assets/data-charts-mocks/donut.json
Donut chart · donut
Donut shows same shares as pie with center cutout.
Treemap treemap
Static JSON
Treemap · treemap
Larger rectangles represent higher values in the hierarchy.
API mock
Fetch: assets/data-charts-mocks/treemap.json
Treemap · treemap
Larger rectangles represent higher values in the hierarchy.