Live demo — this example is server-driven; run the showcase locally for the interactive version.

Dashboard

← All patterns

Stat tiles on top, a chart in the middle, an activity table beneath. The shape every "overview" page tends to converge on.

Examples

Overview

Four stat tiles + a chart + a recent-activity table, all inside a gallery layout.

Requests per minute (24h)
Recent deploys
Service Version Started Status
orders v2.14.1 2 min ago Success
payments v1.8.0 14 min ago In progress
search v3.0.0 1 hr ago Success
auth v0.12.4 3 hr ago Rolled back

Dense

Same layout but with twice the stat tiles and a second chart — the tightest you'd reasonably pack.

Requests by service (24h)
Latency by quantile (P50/P95/P99)

Usage

Build the page as one pf-v6-l-stack with gutter. Each row is either a gallery of compact stat cards, a single card hosting a chart, or a full-width card hosting a table.