Sparkbar Row
Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart for a glanceable ops comparison strip.
Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart for a glanceable ops comparison strip.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Sparkbar Row is the ops metrics strip, four tiles side by side, each showing a label, a headline value, and a tiny bar chart of the last 8 weeks. The four metrics are API calls at 118k, active users at 503, errors at 3, and p99 latency at 189 ms. No axes, no tooltips: the bars exist to show direction, not precise values, and the footnote clarifies that errors count 5xx responses only.
Each metric is one array of 8 weekly data points and a ChartContainer at h-10 renders the bars flush. The four separate const arrays feed into a typed SparkMetric array so the grid map stays clean.
Reach for this block as the secondary metrics strip below a main KPI row, on a developer dashboard or ops overview page. Wire each data array to your time-series endpoint for the same rolling window.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the API and infrastructure glance strip. Other sparkbar rows:
Tip: keep all four tiles on the same time window and say so in the footnote, mixed windows quietly lie.