Multi metric card

One hero metric with a sparkline and a versioned definition against drift.

A latency card with the p95 headline, a distribution track marking each percentile, and a ruled row per percentile with a magnitude bar and value.

Stat card with a centered inline SVG progress ring showing a single percentage, a used of total sub-line, and a plan limit footer row.

A headline total with a stacked horizontal bar and legend showing the breakdown by source or category.

A card with a 2x2 grid of compact metrics each paired with an inline SVG sparkline, no chart library.

One wide card with a headline user count and a ruled breakdown list by plan with counts and share percentages.

Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.

Ops summary strip of four Badge-styled status tiles showing service counts for Operational, Degraded, Partial outage, and Maintenance.

A consistency card showing a current streak count, an inline SVG week-row of filled and empty day cells, and supporting stats.

Five teammates ranked by tickets closed, equal styling, a quality caveat footer.

A stat card in breach state showing a live metric against its configured threshold with a calm next-action line.

Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.