# XWUIChartTree

A tree chart: a fixed-type wrapper around `XWUIChart` (`type: 'tree'`) that renders a
hierarchy supplied as nested `nodes` (`{ name, value, children }`) into a connected
node-and-link tree. Pass a `block` preset (1-4) and `size`
(`sm` / `md` / `lg`); the layout flows top-to-bottom by default. Use it to show
parent-child structures such as org charts, taxonomies, or category breakdowns where the
connecting edges matter as much as the nodes.

## Basic Usage

A small `Root -> A/B/C` hierarchy (with `A` further split into `A1`/`A2`) supplied as nested
`nodes` and laid out as a tree at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A nested Root/A/B/C node hierarchy rendered as a connected tree.
```

## Org Headcount

A three-level engineering org chart where team headcounts roll up through departments to the whole division.

```example
file: examples/OrgHeadcount.ts
html: examples/OrgHeadcount.html
title: Org Headcount
description: Engineering headcount per team rolled up through departments as a tree.
```

## Disk Usage

A filesystem breakdown where each folder's size in megabytes rolls up through three levels to show where space is spent.

```example
file: examples/DiskUsage.ts
html: examples/DiskUsage.html
title: Disk Usage
description: Folder sizes in MB across three filesystem levels as a connected tree.
```

```api
```