# XWUIChartMekko

A Mekko chart: a fixed-type wrapper around `XWUIChart` that routes to the dedicated
`marimekko` renderer - variable-width stacked columns where column width encodes one total
and the 100%-height segments encode composition within it (width × share, not area). It is
the shorter-name sibling of `XWUIChartMarimekko`. Construct it with
`(container, data, conf_comp)` where data is `{ series, title? }`, then choose a `size`
preset and a `block` (1-4) styling variant. Use it to compare segment magnitude and share
across categories of unequal size 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.
```

## Retail Sales by Store Format

Store-format columns sized by total sales, each split into department bands.

```example
file: examples/RetailFormatMix.ts
html: examples/RetailFormatMix.html
title: Retail Sales by Store Format
description: Sales across hypermarket, supermarket, convenience, and online by department.
```

## Insurance Premium Portfolio

Lines of business sized by premium, broken down by distribution channel.

```example
file: examples/InsurancePortfolio.ts
html: examples/InsurancePortfolio.html
title: Insurance Premium Portfolio
description: Gross written premium by product line and broker/direct/bancassurance channel.
```

```api
```