The canvas
Drag, resize, and arrange components on a 12-column grid.
A trend dashboard is a 12-column grid where you drag charts, KPIs, tables, controls, and text blocks. Resize them, rearrange them, publish a snapshot.
How the grid works
- 12 columns wide.
- 50px row height.
- Components snap to the grid as you drag and resize.
- Vertical layout auto-packs — moving a component up snaps everything below up too.
Component types
- KPI tile — a single number with optional delta.
- KPI trend — a number with a sparkline + a date-window WHERE clause emitted by the chart.
- Line, bar, pie, table — the four core chart types.
- Text — markdown-rendered, with
{{variable}}interpolation. - Controls — dropdown, multiselect, date, date range, text input, plus Apply and Refresh buttons.
Draft vs. published
Every dashboard has two snapshots:
- Draft — what editors see. Changes save continuously.
- Published — what viewers see. Updates only when an editor clicks Publish.
This means you can iterate on a dashboard without breaking the version your team is looking at. When you’re happy, hit Publish.
What to read next
- Charts and KPIs — configuring each chart type.
- Controls and variables — adding filters to a dashboard.