# XWUIChartOccupancyMatrix

An occupancy-matrix chart backed by `XWUIChart` that colours a grid of cells by value (a heatmap), well suited to showing utilisation or density across two categorical axes such as rooms × time slots. Provide `series` (one per row) of `{ x, y }` cells and pick a `block` (1-4) variant plus a `size` preset; legend and grid auto-toggle per block unless overridden.

## Basic Usage

Five generated rows of seven columns each (`C1`-`C7`), every cell a random 0-100 occupancy value, drawn as a heat grid.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A 5×7 grid of random occupancy values drawn as a matrix heatmap at the md preset.
```

## Meeting-Room Booking Heatmap

Booking density for six meeting rooms across the working-day hours, with per-cell percentages labelled to expose the midday crunch.

```example
file: examples/MeetingRoomBooking.ts
html: examples/MeetingRoomBooking.html
title: Meeting-Room Booking Heatmap
description: Room-by-hour booking density with data labels at the lg preset, block 1.
```

## Data-Center Rack Utilization

CPU load across seven racks and twelve aisles of a data-center hall, drawn as an interactive heatmap to surface hot aisles.

```example
file: examples/DataCenterRackUtilization.ts
html: examples/DataCenterRackUtilization.html
title: Data-Center Rack Utilization
description: Interactive rack-by-aisle CPU heatmap at the md preset, block 4.
```

```api
```