# XWUIChartWaffle

A waffle chart backed by `XWUIChart` that fills a square grid of cells proportionally, an intuitive way to show parts of a whole as a percentage of 100 cells. Provide named `series` of `{ x, y }` points and pick a `block` (1-4) variant plus a `size` preset; legend and grid auto-toggle per block unless overridden.

## Basic Usage

Two named monthly series - `Series A` (30→64) and `Series B` (22→52) across Jan-Jun - filled into a waffle grid.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series drawn as a waffle chart at the md preset.
```

## Cloud Spend Breakdown

A single month's cloud bill split across six infrastructure services, each cell a share of total spend.

```example
file: examples/CloudSpendBreakdown.ts
html: examples/CloudSpendBreakdown.html
title: Cloud Spend Breakdown
description: One month of cloud cost allocated across services, with dollar-unit data labels.
```

## Browser Market Share

Global desktop browser usage as a hundred-cell parts-of-a-whole grid.

```example
file: examples/BrowserMarketShare.ts
html: examples/BrowserMarketShare.html
title: Browser Market Share
description: Worldwide desktop browser share drawn as an interactive waffle, one cell per percent.
```

```api
```