# XWUIProjectWorkCharts

A work-plan analytics dashboard that renders four `XWUIChart` cards from a single `WorkPlanAnalytics` object: a Status pie, a Priority (medium) bar, a paged Bucket bar, and a per-Member bar, above a color legend (Not started / In progress / Late / Completed) and a "N tasks left" KPI. Pass the analytics via `data.analytics`; supply `data.onBucketPage(page)` to wire the bucket pager's prev/next buttons, and call `setAnalytics()` to refresh after fetching. Use it as the reporting view of a task board / planner.

## Basic Usage

Loads analytics for plan `plan-team-ops` from `createMockProjectWorkApi().getAnalytics(...)` and renders the four-chart grid once the promise resolves.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Awaits the mock Project Work API's getAnalytics("plan-team-ops") and mounts the status/priority/bucket/members charts.
```

## Design Sprint Analytics

The same dashboard fed analytics for a different plan.

```example
file: examples/DesignSprintAnalytics.ts
html: examples/DesignSprintAnalytics.html
title: Design Sprint Analytics
description: Renders the four-chart grid from getAnalytics("plan-design") instead of the default plan.
```

## Bucket Paging

Wires the bucket pager to re-fetch each page of bucket analytics.

```example
file: examples/BucketPaging.ts
html: examples/BucketPaging.html
title: Bucket Paging
description: The onBucketPage callback re-fetches the requested analytics page and refreshes the charts via setAnalytics.
```

```api
```