# XWUIChartClusteredBar

A clustered (grouped) bar chart: a fixed-type wrapper around `XWUIChart` that places
each series' bars side by side within every category, so values compare directly
across series at each point. Pass `series` of `{ x, y }` data 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 compare two
or more series across the same categories.

## Basic Usage

Two monthly `{ x, y }` series (Series A and Series B, Jan-Jun) fed to the clustered
bar renderer at the md size preset, so each month shows both series' bars side by
side.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two {x, y} series drawn as side-by-side bars per month through the clustered bar type.
```

## Sales by Quarter

Three product lines compared as grouped bars within each quarter of the year.

```example
file: examples/SalesByQuarter.ts
html: examples/SalesByQuarter.html
title: Sales by Quarter
description: Quarterly revenue for three product lines drawn as labelled side-by-side bars per quarter.
```

## Browser Market Share

Four browsers compared as grouped bars within each year to track share over time.

```example
file: examples/BrowserMarketShare.ts
html: examples/BrowserMarketShare.html
title: Browser Market Share
description: Desktop browser usage share across four years, one bar per browser within each year.
```

```api
```