Static + API mock pairs
Each kind is shown twice: inline data-ks-chart-json and
fetch from assets/data-charts-mocks/<kind>.json (same payload shape as forge-lenses).
Hub · API catalog.
Comparison category page
Static JSON
Weekly commits · commit_weekly
Commit volume peaked in week 10 before tapering.
API mock
Fetch: assets/data-charts-mocks/commit_weekly.json
Weekly commits · commit_weekly
Commit volume peaked in week 10 before tapering.
Static JSON
Daily commits · commit_daily
Seven-day window shows steady mid-week activity.
API mock
Fetch: assets/data-charts-mocks/commit_daily.json
Daily commits · commit_daily
Seven-day window shows steady mid-week activity.
Static JSON
Lines added (horizontal) · loc_added_horizontal
Repo alpha leads new line additions.
API mock
Fetch: assets/data-charts-mocks/loc_added_horizontal.json
Lines added (horizontal) · loc_added_horizontal
Repo alpha leads new line additions.
Static JSON
Total LoC bars · loc_total_bars
Total footprint skews toward repo-a.
API mock
Fetch: assets/data-charts-mocks/loc_total_bars.json
Total LoC bars · loc_total_bars
Total footprint skews toward repo-a.
Static JSON
Compliance scores · compliance_bars
Alpha passes threshold; gamma needs remediation.
API mock
Fetch: assets/data-charts-mocks/compliance_bars.json
Compliance scores · compliance_bars
Alpha passes threshold; gamma needs remediation.
Static JSON
Clustered column · column_clustered
Q1 leads revenue across regions in the demo series.
API mock
Fetch: assets/data-charts-mocks/column_clustered.json
Clustered column · column_clustered
Q1 leads revenue across regions in the demo series.
Static JSON
Stacked column · column_stacked
Stacked segments show product mix by quarter.
API mock
Fetch: assets/data-charts-mocks/column_stacked.json
Stacked column · column_stacked
Stacked segments show product mix by quarter.
Static JSON
100% stacked column · column_stacked_100
Share of mix shifts toward add-ons in Q3.
API mock
Fetch: assets/data-charts-mocks/column_stacked_100.json
100% stacked column · column_stacked_100
Share of mix shifts toward add-ons in Q3.
Static JSON
Stacked bar · bar_stacked
Horizontal stacks compare teams by initiative.
API mock
Fetch: assets/data-charts-mocks/bar_stacked.json
Stacked bar · bar_stacked
Horizontal stacks compare teams by initiative.
Static JSON
100% stacked bar · bar_stacked_100
Completion share is higher on Team B.
API mock
Fetch: assets/data-charts-mocks/bar_stacked_100.json
100% stacked bar · bar_stacked_100
Completion share is higher on Team B.
Trend category page
Static JSON
Line chart · line
Latency trend improves after week 3.
API mock
Fetch: assets/data-charts-mocks/line.json
Line chart · line
Latency trend improves after week 3.
Static JSON
Area chart · area
Active users grow steadily through the period.
API mock
Fetch: assets/data-charts-mocks/area.json
Area chart · area
Active users grow steadily through the period.
Static JSON
Stacked area · area_stacked
Organic channel drives most of the stacked growth.
API mock
Fetch: assets/data-charts-mocks/area_stacked.json
Stacked area · area_stacked
Organic channel drives most of the stacked growth.
Static JSON
Line and column combo · combo_line_column
Volume rises while error rate falls.
API mock
Fetch: assets/data-charts-mocks/combo_line_column.json
Line and column combo · combo_line_column
Volume rises while error rate falls.
Static JSON
Ribbon chart · ribbon
Rank order shifts between categories over time.
API mock
Fetch: assets/data-charts-mocks/ribbon.json
Ribbon chart · ribbon
Rank order shifts between categories over time.
Part-to-whole category page
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.
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.
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.
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.
Distribution & flow category page
Static JSON
Histogram · histogram
Most samples fall in the 10–20 bin.
API mock
Fetch: assets/data-charts-mocks/histogram.json
Histogram · histogram
Most samples fall in the 10–20 bin.
Static JSON
Box plot · box_plot
Team B shows a wider spread than Team A.
API mock
Fetch: assets/data-charts-mocks/box_plot.json
Box plot · box_plot
Team B shows a wider spread than Team A.
Static JSON
Waterfall · waterfall
Net change is positive after costs and adjustments.
API mock
Fetch: assets/data-charts-mocks/waterfall.json
Waterfall · waterfall
Net change is positive after costs and adjustments.
Static JSON
Funnel · funnel
Largest drop-off occurs between trial and paid.
API mock
Fetch: assets/data-charts-mocks/funnel.json
Funnel · funnel
Largest drop-off occurs between trial and paid.
Correlation category page
Static JSON
Scatter plot · scatter
Points show positive correlation between x and y.
API mock
Fetch: assets/data-charts-mocks/scatter.json
Scatter plot · scatter
Points show positive correlation between x and y.
Static JSON
Bubble chart · bubble
Bubble size encodes a third metric.
API mock
Fetch: assets/data-charts-mocks/bubble.json
Bubble chart · bubble
Bubble size encodes a third metric.
KPI category page
Static JSON
KPI card · kpi_card
Single metric with delta vs prior period.
API mock
Fetch: assets/data-charts-mocks/kpi_card.json
KPI card · kpi_card
Single metric with delta vs prior period.
Static JSON
Gauge · gauge
SLO attainment is in the green band.
API mock
Fetch: assets/data-charts-mocks/gauge.json
Gauge · gauge
SLO attainment is in the green band.
Static JSON
Bullet chart · bullet
Actual exceeds poor threshold but below target.
API mock
Fetch: assets/data-charts-mocks/bullet.json
Bullet chart · bullet
Actual exceeds poor threshold but below target.
Static JSON
Sparkline · sparkline
Micro trend for inline table cells.
API mock
Fetch: assets/data-charts-mocks/sparkline.json
Sparkline · sparkline
Micro trend for inline table cells.
Tables category page
Static JSON
Extension heatmap · extension_heatmap
Python files dominate tracked extensions.
API mock
Fetch: assets/data-charts-mocks/extension_heatmap.json
Extension heatmap · extension_heatmap
Python files dominate tracked extensions.
Static JSON
Layout × component matrix · matrix_heatmap
Article and form layouts share hero and footer components.
API mock
Fetch: assets/data-charts-mocks/matrix_heatmap.json
Layout × component matrix · matrix_heatmap
Article and form layouts share hero and footer components.
Static JSON
Contributors · contributors
Ada leads commit count in this sample window.
API mock
Fetch: assets/data-charts-mocks/contributors.json
Contributors · contributors
Ada leads commit count in this sample window.
Static JSON
Submodule layout (SVG fragment) · submodule_layout
Server-rendered SVG escape hatch for custom diagrams.
API mock
Fetch: assets/data-charts-mocks/submodule_layout.json
Submodule layout (SVG fragment) · submodule_layout
Server-rendered SVG escape hatch for custom diagrams.
Static JSON
Data table · table
Generic tabular data with column headers.
API mock
Fetch: assets/data-charts-mocks/table.json
Data table · table
Generic tabular data with column headers.
Static JSON
Matrix (pivot) · matrix
Pivot table with row and column headers.
API mock
Fetch: assets/data-charts-mocks/matrix.json
Matrix (pivot) · matrix
Pivot table with row and column headers.
Filters category page
Static JSON
List slicer · slicer_list
Filter charts by region selection.
API mock
Slicers are client-only; see filters page for API chart mocks.
Static JSON
Dropdown slicer · slicer_dropdown
Single-select product filter.
API mock
Slicers are client-only; see filters page for API chart mocks.
Static JSON
Date range slicer · slicer_date_range
Filter time series by start/end dates.
API mock
Slicers are client-only; see filters page for API chart mocks.