# XWUIChartTreemap

A treemap chart: a fixed-type wrapper around `XWUIChart` (`type: 'treemap'`) that tiles a
hierarchy supplied as nested `nodes` (`{ name, value, children }`) into nested rectangles
whose areas are proportional to their values. Pass a `block` preset (1-4) and `size`
(`sm` / `md` / `lg`). Use it for part-to-whole composition across many categories
at once, where relative size needs to read at a glance and a pie or bar chart would run out
of room.

## Basic Usage

A `Root -> A/B/C` hierarchy (with `A` split into `A1`/`A2`) supplied as nested `nodes` and
tiled as area-proportional rectangles at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A nested Root/A/B/C hierarchy tiled into area-proportional treemap cells.
```

## Cloud Spend by Service

A monthly AWS bill tiled by service so the dollar-weighted cost drivers dominate while long-tail services shrink to slivers.

```example
file: examples/CloudSpendByService.ts
html: examples/CloudSpendByService.html
title: Cloud Spend by Service
description: A monthly AWS invoice tiled by service, sized by dollar cost with currency tooltips.
```

## Global Browser Market Share

Worldwide browser usage as part-to-whole tiles, with Chrome's block dwarfing Safari and the fragmented remainder.

```example
file: examples/BrowserMarketShare.ts
html: examples/BrowserMarketShare.html
title: Global Browser Market Share
description: Browser usage shares tiled as part-to-whole rectangles with a legend and percentage labels.
```

```api
```