Metrics Stat Grid
A headline snapshot with six KPI tiles, each showing the current value, a month over month delta line, and a small illustrative sparkline.
A headline snapshot with six KPI tiles, each showing the current value, a month over month delta line, and a small illustrative sparkline.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Metrics Stat Grid is the numbers at a glance. Six KPI tiles carry the current value, a month over month delta line with a trend arrow, and a small illustrative sparkline, so a reader takes the whole company in before scrolling into the detailed charts. The lede names the promise, every figure a board deck would show, pulled straight from billing and posted for anyone to read.
The tiles are one array of label, value, delta, and a points string for the sparkline, pure markup and inline SVG with no chart library. The sparklines are indicative only, the footnote says so plainly, the exact series lives in the chart blocks below. Swapping in live numbers is a data edit, the layout never moves.
Reach for this block near the top of an open metrics page, right after metrics-intro-banner sets the terms and before the detailed charts begin. A snapshot grid gives skimmers the headline in one screen, then the charts reward anyone who stays to read the shape behind each number.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is the headline KPI snapshot of an open startup. Other grids:
Tip: keep the tiles to the six a board would ask for first, a snapshot that lists everything stops being a snapshot.