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.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
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.