Page pattern
Forecast / Planning
“Derived from the page purpose; write it explicitly before implementation.”
Understand the expected future state and compare it with targets or capacity.
Forecast / Planning — archetype wireframe
[ Current state ] [ Forecast KPIs ] [ Trend + forecast ] [ Assumptions / drivers ] [ Breakdown ]
Reading order follows the zones above, top-left to bottom-right.
Components: Line chart, Cards, Slicers, Analytics features where supported
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: **Scenario or plan detail**.
Navigation: Scenario or plan detail
Implementation: Compose from the listed native visuals/controls and the standard interaction patterns in this guide; custom visuals are exceptions.