# XWUIChartUtilizationMatrix

A utilization-matrix chart: a fixed-type wrapper around `XWUIChart` (`type:
'utilizationMatrix'`) that lays `series` out as rows of `{ x, y }` cells and shades each cell
by its value, forming a heatmap-style grid of rows against columns. Pass a `block` preset
(1-4) and `size` (`sm` / `md` / `lg`). Use it to show how heavily a set of
resources is used across time slots or assets, where dense color reveals hot spots and idle
capacity at a glance.

## Basic Usage

A five-row by seven-column grid of values (columns `C1`-`C7`) rendered as a color-shaded
utilization matrix at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A 5x7 grid of row/column cells shaded by utilization value.
```

## Server CPU Load by Hour

CPU utilization for five hosts across the day as a heatmap, with cell shade revealing the afternoon traffic peak.

```example
file: examples/ServerCpuLoad.ts
html: examples/ServerCpuLoad.html
title: Server CPU Load by Hour
description: Five hosts by hour-of-day shaded by percent CPU busy with printed cell values.
```

## Meeting Room Utilization

Booked-hours percentage for four rooms across the work week, shading the idle and overbooked slots at a glance.

```example
file: examples/MeetingRoomUsage.ts
html: examples/MeetingRoomUsage.html
title: Meeting Room Utilization
description: Four meeting rooms by weekday shaded by booked-hours percentage with labelled cells.
```

```api
```