# XWUIChartChord

A chord diagram: a fixed-type wrapper around `XWUIChart` that arranges nodes around
a circle and draws ribbons between them sized by flow magnitude, making pairwise
relationships in a closed set easy to read at a glance. Pass `nodes` and `links`
(with `series: []`) 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 show how volume moves
between a fixed group of entities, such as flows from sources through a hub to sinks.

## Basic Usage

A small node-and-link flow (two sources into a hub, splitting to two sinks) rendered
through the chord diagram type at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Five named nodes and their links drawn as ribbons sized by flow value.
```

## Regional Migration Flows

Five regions ringed around the circle with ribbons sized by how many people move between them, hubbed on Central.

```example
file: examples/MigrationFlows.ts
html: examples/MigrationFlows.html
title: Regional Migration Flows
description: People-flow between five regions as ribbons at large size with interactive tooltips.
```

## Trade Flows

Five countries linked by export ribbons whose thickness encodes trade volume, with a legend identifying each partner.

```example
file: examples/TradeFlows.ts
html: examples/TradeFlows.html
title: Trade Flows
description: Export volume between five countries as ribbons using the block 2 preset, legend, and interactive hover.
```

```api
```