Getting started
The KPI visualization starts with a Number block that compares the first and second rows of your result for the first numeric column. To add a new block, click the + button inside the visualization and choose the block type. To edit a block, click it in the visualization — the configuration panel updates to show that block’s settings, split into a Data tab and a Style tab. Reorder blocks by dragging the handle on the left side of each block. Delete a block with the trash icon in its configuration panel.Block types
Number
Displays a single value from your query result.Comparison
Displays a current value alongside a previous value with a calculated difference. Use this to show period-over-period change or target vs. actual.
To compare to a static goal, add a column to your query that always returns the same number (e.g. a calculated field with a constant), then select it as the Previous field. Comparison blocks don’t have their own format override — values and the calculated difference render using the query’s own number formatting. Colors for the positive/negative/neutral states are set on the Style tab.
Progress bar
Shows a value relative to a target as a progress bar or circle. Useful for goal tracking.Sparkline
Renders a compact trend line — with an optional filled area — within the KPI tile. Use this to show the trend behind the headline number.
By default, the headline value is the series measure’s own latest value; toggle Headline uses measure off to source it from a different column instead.
Text
A Markdown-enabled text field for titles, headings, or descriptions within the tile. Supports standard Markdown formatting. Use text blocks for short labels and headings inside the KPI. For complex layouts with Markdown, use the HTML block or consider the Custom visualization instead.HTML
A free-form HTML block rendered inside the KPI tile. Use this for advanced custom layouts that go beyond what the other block types support.Per-block styling
Every block’s Style tab has alignment controls for how its content sits within its own row:
Beyond alignment, the available color and font settings depend on the block type: