Page pattern
Comparison
Put two or more scopes side by side on identical measures, scales and time frames.
- “How does this store compare to the benchmark?”
- “Is this year better than last year?”
- “Which department performs best on this measure?”
Comparison — clickable example
Shared retail dataset. Every control works; the log shows what Power BI would change.
Bars: Revenue · vertical marker: Budget
| Rows | Revenue | Budget | vs Budget |
|---|---|---|---|
| €2.4M | €2.5M | -0.9% | |
| €1.7M | €1.7M | -0.7% | |
| €1.7M | €1.7M | -0.8% | |
| €1.4M | €1.4M | -1.4% | |
| €1.2M | €1.2M | -1.7% | |
| Total | €8.4M | €8.5M | -1.0% |
- Interact with a slicer, a bar or a navigation button to see the native behaviour described here.
Comparison — archetype wireframe
[ Filters ] [ Comparison KPIs ] [ Primary comparison ] [ Difference / variance ] [ Detail table ]
Reading order follows the zones above, top-left to bottom-right.
Components: Bar/Column charts, Cards, Matrix, Small multiples where suitable
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: **Variance or entity detail**.
Navigation: Variance or entity detail
Implementation: Compose from the listed native visuals/controls and the standard interaction patterns in this guide; custom visuals are exceptions.