# XWUIPortfolioDashboard

A multi-project rollup dashboard that aggregates `projects[]` into three KPI statistics (Total Projects, On Track, Avg Health), a pie chart of status distribution (On Track / At Risk / Delayed), and a 3-column grid of project cards - each card showing `tasksCompleted`/`tasksTotal`, a status `XWUIBadge` (success/warning/error from `project.status`), and a `progress` bar colored by `project.health`. A filter bar adds a project search box and a status `XWUISelect` bound to `data.statusFilter`; the `showKPIs`, `showCharts`, and `showProjects` flags toggle each section. Use it for a portfolio-level health overview across many projects.

## Basic Usage

Three projects (Northwind expansion / Q1 platform refresh / Mobile MVP) with mixed statuses and health scores (85/55/30), driving the KPI tiles, status pie, and project cards.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A three-project portfolio with KPI tiles, a status pie chart, and per-project health cards.
```

## Full Portfolio

Six fully-specified projects spanning every status, driving the KPIs, status pie, and cards.

```example
file: examples/FullPortfolio.ts
html: examples/FullPortfolio.html
title: Full Portfolio
description: Six projects across on-track, at-risk, and delayed with real progress, health, task, and team data.
```

## Cards Only

The project-card grid alone, with the KPI tiles and status pie hidden via config.

```example
file: examples/CardsOnly.ts
html: examples/CardsOnly.html
title: Cards Only
description: A compact view that turns off showKPIs and showCharts to render only the project cards.
```

```api
```