# XWUIChartSunburst

A sunburst chart: a fixed-type wrapper around `XWUIChart` that renders a hierarchy as concentric rings, each ring a level and each arc sized by its node's value, so nested part-to-whole structure reads from the center outward. Supply a `nodes` tree (each node `{ name, value, children? }`) plus a `block` preset (1-4) and `size`. Use it to visualize nested breakdowns - folders, taxonomies, or budgets - where both depth and proportion matter.

## Basic Usage

A three-level `nodes` hierarchy - Root at the center, A/B/C on the next ring, and A further split into A1 (10) and A2 (20) - rendered at medium size as concentric rings whose arc widths reflect each node's value.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A Root → A/B/C hierarchy, with A split into A1 and A2, drawn as concentric value-sized rings.
```

## Website Traffic by Channel and Source

Web sessions arranged with acquisition channels on the inner ring and their individual sources on the outer ring.

```example
file: examples/WebsiteTraffic.ts
html: examples/WebsiteTraffic.html
title: Website Traffic by Channel and Source
description: Sessions split channel-to-source as concentric rings, with Organic Search and Google dominating.
```

## Annual Budget by Department and Team

A fiscal-year budget with departments on the inner ring and their teams on the outer ring, each arc sized by spend.

```example
file: examples/DepartmentBudget.ts
html: examples/DepartmentBudget.html
title: Annual Budget by Department and Team
description: Spend allocated department-to-team as nested proportional arcs.
```

```api
```