# XWUIChartMatrixBubble

A matrix-bubble chart: a fixed-type wrapper around `XWUIChart` (resolving to the `scatter`
renderer) that lays values out on a row × column grid and sizes a bubble at each cell by its
magnitude, so density and hotspots read at a glance. Construct it with
`(container, data, conf_comp)` passing one `series` per row whose `data` points are the
columns, then choose a `size` preset and a `block` (1-4) styling variant. Use it for
correlation grids, confusion-style matrices, or any "category vs category, magnitude as
size" comparison.

## Basic Usage

A 5-row by 7-column grid of random 0-100 values, one bubble per cell, at the medium size
preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A 5x7 grid of randomized values drawn as sized bubbles per cell.
```

## Team Skills Matrix

Engineers as rows and competencies as columns, with bubble size encoding proficiency from 1 to 5.

```example
file: examples/SkillsMatrix.ts
html: examples/SkillsMatrix.html
title: Team Skills Matrix
description: A skills audit grid where bubble size shows each engineer's proficiency.
```

## Incident Frequency Matrix

Severity bands against weekdays, with larger bubbles marking the busiest incident cells.

```example
file: examples/IncidentHeatmap.ts
html: examples/IncidentHeatmap.html
title: Incident Frequency Matrix
description: Incident counts by severity and day of week sized as a bubble grid.
```

```api
```