KPI charts
Cards, gauges, bullets, and sparklines for key metrics. Hub · Static catalog · API catalog.
4 kinds — each block shows inline JSON and a per-kind fetch mock under assets/data-charts-mocks/.
KPI card kpi_card
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.
Gauge gauge
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.
Bullet chart bullet
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.
Sparkline sparkline
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.