Overview
Three showcase tiers mirror forge-lenses integration:
- Static — inline
data-ks-chart-json(printable, no network) - API mock —
fetchper kind fromassets/data-charts-mocks/<kind>.json - Bundle — single
assets/data-charts-api-sample.json(overview / dashboard shape)
Contract v2
Top-level envelope (see js/forge-data-charts.md):
{"version":2,"scope":"mock","charts":{"<kind>":{...}},"slicers":{},"groups":{}}Legacy forge-lenses kinds remain under the same charts object.
Comparison 10 kinds
Representative preview — full set on data charts comparison.
Weekly commits · commit_weekly
Commit volume peaked in week 10 before tapering.
API mock: assets/data-charts-mocks/commit_weekly.json
Kinds: commit_weekly, commit_daily, loc_added_horizontal, loc_total_bars, compliance_bars, column_clustered, column_stacked, column_stacked_100, bar_stacked, bar_stacked_100
Trend 5 kinds
Representative preview — full set on data charts trend.
Line chart · line
Latency trend improves after week 3.
API mock: assets/data-charts-mocks/line.json
Kinds: line, area, area_stacked, combo_line_column, ribbon
Part-to-whole 4 kinds
Representative preview — full set on data charts part to whole.
LoC share donut · loc_share_donut
Top two repos account for most lines of code.
API mock: assets/data-charts-mocks/loc_share_donut.json
Kinds: loc_share_donut, pie, donut, treemap
Distribution & flow 4 kinds
Representative preview — full set on data charts distribution.
Histogram · histogram
Most samples fall in the 10–20 bin.
API mock: assets/data-charts-mocks/histogram.json
Kinds: histogram, box_plot, waterfall, funnel
Correlation 2 kinds
Representative preview — full set on data charts correlation.
Scatter plot · scatter
Points show positive correlation between x and y.
API mock: assets/data-charts-mocks/scatter.json
Kinds: scatter, bubble
KPI 4 kinds
Representative preview — full set on data charts kpi.
KPI card · kpi_card
Single metric with delta vs prior period.
API mock: assets/data-charts-mocks/kpi_card.json
Kinds: kpi_card, gauge, bullet, sparkline
Tables 6 kinds
Representative preview — full set on data charts tables.
Extension heatmap · extension_heatmap
Python files dominate tracked extensions.
API mock: assets/data-charts-mocks/extension_heatmap.json
Kinds: extension_heatmap, matrix_heatmap, contributors, submodule_layout, table, matrix
Filters 3 kinds
Representative preview — full set on data charts filters.
List slicer · slicer_list
Filter charts by region selection.
Kinds: slicer_list, slicer_dropdown, slicer_date_range