Stats With Sparklines
Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.
Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Stats With Sparklines is a four card strip where each card pairs a headline metric with a decorative inline SVG polyline under it: Monthly recurring revenue $48,210, Active workspaces 1,284, Median first reply 3.2h, API requests 2.4M. Each polyline is a seven point path at stroke-foreground/40 that reads as trend without touching a chart library.
Stats are one array with a points string per card. The sparklines are purely illustrative garnish, not data driven; if users need to wire real series, graduate to the shadcn chart primitives in the charts group.
Reach for this block at the top of an overview page where a glanceable trend silhouette beside the number is enough, wired to your metrics endpoint for the live values.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the SaaS business overview strip. Other sparkline strips:
Tip: the Trailing 7 weeks label under each sparkline anchors the window; drop it and the shape becomes uninterpretable for anyone who did not build it.