# XWUIWorkloadView

Resource allocation view showing tasks per person and capacity

## Basic Usage

A resource view of five teammates with a utilization chart and per-person cards, including one over capacity.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A resource view of five teammates with a utilization chart and per-person cards, including one over capacity.
```

## List Layout

Toggle `showCards: false` and `showList: true` to present each person as a compact list row instead of a card grid. The chart is hidden here via `showChart: false`.

```example
file: examples/ListLayout.ts
html: examples/ListLayout.html
title: List Layout
description: Renders the same workload data in a compact list of rows instead of cards, with the chart hidden.
```

## Chart Dashboard

Keep only the utilization bar chart and summary statistics by setting `showCards: false`. The "Over Capacity" stat counts everyone above 100% utilization.

```example
file: examples/ChartDashboard.ts
html: examples/ChartDashboard.html
title: Chart Dashboard
description: A chart-only utilization dashboard with cards hidden, surfacing over-capacity members in the summary stats.
```

```api
```