Page pattern
Target / Budget Tracking
Track progress towards a target: where we are, where we should be, and what closes the gap.
- “Are we going to make the target?”
- “How much is left?”
- “Which drivers close the gap?”
Target / Budget Tracking — clickable example
Shared retail dataset. Every control works; the log shows what Power BI would change.
Gap €-89k (-1%) against target.
Bars: Revenue · vertical marker: Budget
| vs Budget | ||||
|---|---|---|---|---|
| Fresh | €2.4M | €2.5M | €608k | ▼ -0.9% |
| Beverages | €1.7M | €1.7M | €426k | ▼ -0.7% |
| Grocery | €1.7M | €1.7M | €426k | ▼ -0.8% |
| Non-food | €1.4M | €1.4M | €346k | ▼ -1.4% |
| Household | €1.2M | €1.2M | €291k | ▼ -1.7% |
| Total | €8.4M | €8.5M | €2.1M | -1.0% |
- Interact with a slicer, a bar or a navigation button to see the native behaviour described here.
KPI / Scorecard — archetype wireframe
[ Context + filters ] [ KPI cards ] [ Target comparison ] [ KPI trends ] [ Breakdown ]
Reading order follows the zones above, top-left to bottom-right.
Components: Cards, KPI visual, Bar/Column charts, Matrix, Sparklines
Hierarchy: Context/control → status/primary answer → explanation/breakdown → detail → next step.
Interaction: Use only interactions that support the page's next analytical step; typical next level: **KPI analysis or detail**.
Navigation: KPI analysis or detail
Implementation: Compose from the listed native visuals/controls and the standard interaction patterns in this guide; custom visuals are exceptions.