# XWUIChartCirclePacking

A circle packing chart: a fixed-type wrapper around `XWUIChart` that nests circles
whose areas encode value, packing children inside their parent to show hierarchical
part-of-whole structure. Pass `series` of `{ x, y }` data plus a `block` preset (1-4)
and `size` (`sm` / `md` / `lg`); the shared block config also exposes
legend, grid, axis, data-label, and tooltip-formatter toggles. Use it to compare the
relative magnitude of grouped items where circle size carries the value.

## Basic Usage

Two monthly `{ x, y }` series (Series A and Series B, Jan-Jun) fed to the circle
packing renderer at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two {x, y} series sized as nested circles through the circle packing type.
```

## Org Headcount by Department

Seven departments packed as circles whose area encodes staff count, from a large Engineering team down to a small Legal one.

```example
file: examples/OrgHeadcount.ts
html: examples/OrgHeadcount.html
title: Org Headcount by Department
description: Seven departments sized by headcount as nested circles with data labels, x-axis labels, and interactive hover.
```

## Disk Usage by Folder

Seven folders packed as circles sized by the gigabytes they consume, making the heaviest folders stand out at a glance.

```example
file: examples/DiskUsage.ts
html: examples/DiskUsage.html
title: Disk Usage by Folder
description: Seven folders sized by gigabytes as nested circles using the block 2 preset, GB unit, and x-axis labels.
```

```api
```