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.