# XWUIChartMarimekko

A Marimekko chart: a fixed-type wrapper around `XWUIChart` that routes to the dedicated
`marimekko` renderer - variable-width stacked columns where each column's width encodes one
total and its 100%-height segments encode the within-column composition (it does **not**
encode area like a treemap). Construct it with `(container, data, conf_comp)` where data is
`{ series, title?, nodes?, links? }`, then choose a `size` preset and a `block` (1-4)
styling variant. Use it to compare both segment size and category share across categories of
differing magnitude in one view.

## Basic Usage

Two named series of monthly values rendered as variable-width stacked columns at the medium
size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two series rendered as variable-width stacked columns via the marimekko renderer.
```

## Cloud Market Share by Region

Region columns sized by total spend, each split into provider bands to read market size and share at once.

```example
file: examples/CloudMarketShare.ts
html: examples/CloudMarketShare.html
title: Cloud Market Share by Region
description: AWS, Azure, and Google Cloud shares across four regions of differing size.
```

## Energy Mix by Sector

End-use sectors as variable-width columns broken down by fuel source.

```example
file: examples/EnergyMix.ts
html: examples/EnergyMix.html
title: Energy Mix by Sector
description: Sector consumption columns split into fossil, grid, and renewable bands.
```

```api
```