# XWUIChartMosaic

A mosaic chart: a fixed-type wrapper around `XWUIChart` that routes to the dedicated
`marimekko` renderer, tiling a rectangle into variable-width, 100%-height stacked columns
whose tile sizes are proportional to the cross-tabulated counts of two categorical variables.
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 inspect the joint
distribution of two categories - which combinations dominate and how shares shift across
columns.

## Basic Usage

Two named series of monthly values rendered as proportional mosaic tiles at the medium size
preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two series rendered as proportional tiles via the marimekko renderer.
```

## Headcount by Department and Level

A cross-tab mosaic of department columns sized by headcount and split into seniority bands.

```example
file: examples/HeadcountByLevel.ts
html: examples/HeadcountByLevel.html
title: Headcount by Department and Level
description: Joint distribution of department and seniority across the org.
```

## Browser Share by Operating System

Operating-system columns sized by visitors, split into browser bands to read the joint distribution.

```example
file: examples/BrowserOsShare.ts
html: examples/BrowserOsShare.html
title: Browser Share by Operating System
description: How browser preference shifts within each operating system.
```

```api
```
