KPI & progressSample
Number / metric card
A single number, large, with just enough context to know whether it is good news.
The numbers alone, for when the reader already knows the context.
Sample data
Use it when
- The headline row of a dashboard
- One number answers the question
Avoid it when
- The trend or comparison is the real story: show a chart
Display modes
- Default
- The numbers alone, for when the reader already knows the context.
- Comparative
- Adds the change against a named period and a sparkline, so each number says whether things are improving.
Seen in the wild
The Johns Hopkins COVID-19 dashboard
Johns Hopkins University · 2020
Public health · dashboard
The Power BI Retail Analysis sample
Microsoft
Retail · dashboard
The Looker Studio report gallery
Marketing and web analytics · dashboard
The Grafana community dashboard library
Grafana Labs and contributors
Infrastructure monitoring · dashboard
Amazon CloudWatch dashboards
Amazon Web Services
Cloud operations · dashboard