# PMO Project Portfolio Review

<Card title="Portfolio Health Summary" subtitle="Q3 2024 · Reviewed 14 Oct 2024">
<Columns>
<Stat label="Active projects" value="12" change="+2 vs Q2" tone="info" icon="briefcase" />
<Stat label="On track" value="7" change="58% of portfolio" tone="success" icon="check-circle" />
<Stat label="At risk" value="4" change="33% of portfolio" tone="warning" icon="warning-circle" />
<Stat label="Critical" value="1" change="8% of portfolio" tone="danger" icon="x-circle" />
</Columns>
<Gauge label="Overall portfolio health" value="72" min="0" max="100" unit="%" tone="warning" />
</Card>

<Card title="Quarter Selector">
<Radio label="Reporting quarter" options="Q1 2024 | Q2 2024 | Q3 2024 | Q4 2024" name="quarter" value="Q3 2024" />
</Card>

<Card title="Active Projects">
<Columns>
<Card title="Project Atlas">
<KeyValue title="Details">
| Label | Value |
|---|---|
| Owner | Sarah Chen |
| Deadline | 28 Nov 2024 |
| Health | <Badge tone="success">On track</Badge> |
| Budget spent | $412K / $500K |
| Utilization | 82% |
</KeyValue>
<Progress value="82" max="100" label="Budget spent" tone="success" />
<Button variant="secondary" size="small" icon="users">Request more people</Button>
<Button variant="tertiary" size="small" icon="archive">Archive project</Button>
</Card>

<Card title="Project Beacon">
<KeyValue title="Details">
| Label | Value |
|---|---|
| Owner | Marcus Webb |
| Deadline | 15 Dec 2024 |
| Health | <Badge tone="warning">At risk</Badge> |
| Budget spent | $318K / $350K |
| Utilization | 94% |
</KeyValue>
<Progress value="91" max="100" label="Budget spent" tone="warning" />
<Button variant="secondary" size="small" icon="users">Request more people</Button>
<Button variant="tertiary" size="small" icon="archive">Archive project</Button>
</Card>

<Card title="Project Comet">
<KeyValue title="Details">
| Label | Value |
|---|---|
| Owner | Priya Patel |
| Deadline | 5 Jan 2025 |
| Health | <Badge tone="danger">Critical</Badge> |
| Budget spent | $890K / $900K |
| Utilization | 108% |
</KeyValue>
<Progress value="99" max="100" label="Budget spent" tone="danger" />
<Button variant="secondary" size="small" icon="users">Request more people</Button>
<Button variant="tertiary" size="small" icon="archive">Archive project</Button>
</Card>

<Card title="Project Nexus">
<KeyValue title="Details">
| Label | Value |
|---|---|
| Owner | Tomás Rivera |
| Deadline | 20 Feb 2025 |
| Health | <Badge tone="success">On track</Badge> |
| Budget spent | $156K / $300K |
| Utilization | 64% |
</KeyValue>
<Progress value="52" max="100" label="Budget spent" tone="success" />
<Button variant="secondary" size="small" icon="users">Request more people</Button>
<Button variant="tertiary" size="small" icon="archive">Archive project</Button>
</Card>
</Columns>
</Card>

<Card title="Overdue Milestones">
<Callout tone="danger" title="3 milestones past due">These need immediate attention from their owners.</Callout>
<Columns>
<Card title="Project Beacon — Phase 2 sign-off">
<KeyValue title="Details">
| Label | Value |
|---|---|
| Owner | Marcus Webb |
| Due | 7 Oct 2024 (7 days overdue) |
| Severity | <Badge tone="danger">High</Badge> |
</KeyValue>
</Card>
<Card title="Project Comet — Security audit">
<KeyValue title="Details">
| Label | Value |
|---|---|
| Owner | Priya Patel |
| Due | 10 Oct 2024 (4 days overdue) |
| Severity | <Badge tone="danger">High</Badge> |
</KeyValue>
</Card>
<Card title="Project Orion — Vendor contract">
<KeyValue title="Details">
| Label | Value |
|---|---|
| Owner | Elena Kovács |
| Due | 12 Oct 2024 (2 days overdue) |
| Severity | <Badge tone="warning">Medium</Badge> |
</KeyValue>
</Card>
</Columns>
</Card>

<Card title="Budget Spent vs Allocation">
<Chart type="bar" title="Budget by project" x="Project" y="USD">
| Project | Allocated | Spent |
|---|---|---|
| Atlas | 500000 | 412000 |
| Beacon | 350000 | 318000 |
| Comet | 900000 | 890000 |
| Nexus | 300000 | 156000 |
| Orion | 450000 | 402000 |
| Vega | 275000 | 198000 |
| Polaris | 600000 | 512000 |
| Lyra | 320000 | 289000 |
| Draco | 400000 | 310000 |
| Hydra | 250000 | 245000 |
| Phoenix | 550000 | 468000 |
| Pegasus | 380000 | 342000 |
</Chart>
</Card>

<Card title="Team Utilization">
<Chart type="bar" title="Utilization by team member (Q3)" x="Team" y="%">
| Team | Utilization |
|---|---|
| Engineering | 92 |
| Design | 78 |
| Product | 85 |
| QA | 88 |
| DevOps | 96 |
| Data | 71 |
| Marketing | 64 |
| Finance | 58 |
</Chart>
<Callout tone="warning" title="Engineering and DevOps over 90%">Consider redistributing work or requesting additional headcount.</Callout>
</Card>

<Card title="Risks & Severity">
<Columns>
<Card title="Risk register">
<KeyValue title="Top risks">
| Label | Value |
|---|---|
| Comet budget overrun | <Badge tone="danger">Critical</Badge> |
| Beacon resource shortage | <Badge tone="warning">High</Badge> |
| Atlas third-party API delay | <Badge tone="warning">High</Badge> |
| Polaris data migration | <Badge tone="info">Medium</Badge> |
| Orion vendor contract | <Badge tone="info">Medium</Badge> |
| Vega compliance change | <Badge tone="success">Low</Badge> |
</KeyValue>
</Card>
<Card title="Risk heatmap">
<Heatmap title="Likelihood × Impact">
| | Low impact | Medium impact | High impact | Critical impact |
|---|---|---|---|---|
| High likelihood | 0 | 1 | 2 | 1 |
| Medium likelihood | 1 | 2 | 1 | 0 |
| Low likelihood | 2 | 1 | 0 | 0 |
</Heatmap>
</Card>
</Columns>
</Card>

<Card title="Deadlines in the Next Two Weeks">
<Calendar month="2024-10" title="October 2024">
| Date | Events |
|---|---|
| 2024-10-16 | Atlas — Sprint review |
| 2024-10-17 | Beacon — Phase 3 kickoff |
| 2024-10-18 | Polaris — Data migration complete |
| 2024-10-21 | Vega — Compliance filing |
| 2024-10-22 | Comet — Budget reapproval |
| 2024-10-23 | Draco — Release candidate |
| 2024-10-24 | Phoenix — User testing begins |
| 2024-10-25 | Nexus — Prototype demo |
| 2024-10-27 | Lyra — Beta launch |
| 2024-10-28 | Pegasus — Final review |
</Calendar>
</Card>

<Card title="Delivery Pace — Last Six Sprints">
<Chart type="line" title="Story points delivered per sprint" x="Sprint" y="Points">
| Sprint | Delivered | Committed |
|---|---|---|
| S1 | 320 | 350 |
| S2 | 410 | 400 |
| S3 | 380 | 420 |
| S4 | 450 | 430 |
| S5 | 390 | 410 |
| S6 | 470 | 440 |
</Chart>
<Sparkline label="Average velocity" values="320 | 410 | 380 | 450 | 390 | 470" value="403" change="+8%" tone="success" />
</Card>

<Card title="Blocked Work Items">
<Columns>
<Card title="Blocked items">
<KeyValue title="Summary">
| Label | Value |
|---|---|
| Total blocked | 14 |
| Blocked > 5 days | 6 |
| Blocked > 10 days | 2 |
</KeyValue>
</Card>
<Card title="Top blockers">
| Item | Project | Blocked since | Reason |
|---|---|---|---|
| Payment API integration | Atlas | 12 days | Vendor unresponsive |
| Security audit findings | Comet | 9 days | Missing credentials |
| App store review | Beacon | 6 days | Policy violation |
| Data pipeline | Polaris | 5 days | Schema change |
</Card>
</Columns>
<Callout tone="warning" title="Action needed">Two items blocked over 10 days. Escalate to program sponsors this week.</Callout>
</Card>

<Card title="Actions">
<Columns>
<Card title="Request more people">
<Form name="request-people">
<Select label="Project" placeholder="Choose project" options="Project Atlas | Project Beacon | Project Comet | Project Nexus | Project Orion | Project Vega | Project Polaris | Project Lyra | Project Draco | Project Hydra | Project Phoenix | Project Pegasus" required="true" />
<Input label="Number of people" type="number" placeholder="2" min="1" max="10" hint="FTE count" required="true" />
<Select label="Role" placeholder="Choose role" options="Engineer | Designer | QA | DevOps | Data analyst | Project manager" required="true" />
<TextArea label="Justification" placeholder="Why does this project need more people?" rows="3" required="true" />
<Button>Submit request</Button>
</Form>
</Card>
<Card title="Export and archive">
<Button variant="primary" icon="download">Export review as PDF</Button>
<Button variant="secondary" icon="file-csv">Export data as CSV</Button>
<Button variant="danger" icon="archive">Archive finished project</Button>
<Callout tone="info" title="Archive">Select a project to archive from the list above, then confirm. Archived projects are moved to the historical archive.</Callout>
</Card>
</Columns>
</Card>

<Card title="Quick Actions">
<Button variant="secondary" icon="calendar">View Q4 2024</Button>
<Button variant="secondary" icon="calendar">View Q2 2024</Button>
<Button variant="secondary" icon="calendar">View Q1 2024</Button>
</Card>

<FollowUps>
- Show me the detailed risk register for Project Comet
- What's the team utilization breakdown by individual?
- Generate a summary of overdue milestones for the sponsor
- Compare delivery pace across the last four quarters
</FollowUps>