# XWUIChartTreeDiagram

A tree-diagram chart: a fixed-type wrapper around `XWUIChart` (`type: 'treeDiagram'`) that
draws a hierarchy from nested `nodes` (`{ name, value, children }`) as a branching diagram
of nodes joined by connectors. Pass a `block` preset (1-4) and `size`
(`sm` / `md` / `lg`). Use it for explanatory hierarchy figures such as decision
trees, family trees, or classification diagrams where the branching structure is the focus.

## Basic Usage

A `Root -> A/B/C` hierarchy (with `A` branching into `A1`/`A2`) supplied as nested `nodes` and
drawn as a tree diagram 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 drawn as a branching tree diagram.
```

## Engineering Org Chart

A reporting structure under a VP of Engineering, where node values are team headcounts.

```example
file: examples/EngineeringOrgChart.ts
html: examples/EngineeringOrgChart.html
title: Engineering Org Chart
description: A three-level engineering org chart with headcounts as node values.
```

## Species Taxonomy

The Linnaean classification of the gray wolf rendered as a deep single-lineage tree.

```example
file: examples/SpeciesTaxonomy.ts
html: examples/SpeciesTaxonomy.html
title: Species Taxonomy
description: The seven-rank biological taxonomy from Animalia down to Canis lupus.
```

```api
```