01 / kpi-card
KPI card
Lead a dashboard with one headline metric and its recent historical movement.
Real saved dashboard sample
Revenue
Revenue
$156.0
+9.9%Sample dataset from the saved dashboard
| month | revenue |
|---|---|
| 2026-01 | 118,000 |
| 2026-02 | 109,000 |
| 2026-03 | 126,000 |
| 2026-04 | 140,000 |
Required fields
- xKey: ordered time field for the sparkline
- yKey: numeric headline field
Example user prompt
Show a KPI card for monthly revenue with its recent trend and change.
Saved Glow config
{
"xKey": "month",
"yKey": "revenue",
"valueFormatter": "currency",
"showCurrencySymbol": true,
"comparisonLabel": "vs prior month",
"kpiShowSparkline": true,
"kpiValueMode": "latest",
"kpiValueAlign": "left",
"kpiValueSize": 106,
"cropLastN": 6,
"showPctChange": true
}Try this prompt
Create a Glow KPI card for monthly revenue. Show currency, the historical sparkline, latest value mode, and percent change vs the prior month.
Personalization options
valueFormatter, decimals
Options: currency, percent, number, compact; decimals 0-4
Changes axes, labels, tooltips, KPI values, and table numeric cells where the template uses the shared formatter.
Prompt: Format this chart as currency with 2 decimals.
showCurrencySymbol, currencySymbol
Options: true or false; symbols like $, R$, EUR, GBP
Adds the chosen currency prefix to formatted values without changing the underlying data.
Prompt: Show values in Brazilian reais using R$.
displayUnits, displayUnitSuffix
Options: off, thousands, millions, billions; none, short, long
Scales value labels such as 1254000 to 1.3, 1.3M, or 1.3 million while keeping raw data intact.
Prompt: Show value labels in millions with the short M suffix.
titleAlign, hideTitle
Options: left or center; true or false
Moves the card title or hides the title chrome when the chart needs to sit inside a dense dashboard.
Prompt: Center the title and hide it on the KPI cards.
comparisonLabel, thresholdColor
Options: short text; any readable color
Explains the comparison period and can color the headline when a threshold matters.
Prompt: Use comparison label vs prior month and color the value green.
kpiShowSparkline, kpiValueMode
Options: true or false; latest or sum
Shows the historical line at the bottom and chooses whether the headline is the latest point or sum of the visible window.
Prompt: Show the KPI historical sparkline and use latest value mode.
kpiValueAlign, kpiValueSize, cropLastN
Options: left, center, right; percentage scale; last 6, 12, or 24 rows
Tunes KPI density and the historical window used by the sparkline.
Prompt: Left-align the KPI value, make it 110%, and show the last 6 months.