# XWUIChartDayHourHeatmap

A day/hour heatmap: a fixed-type (`type: 'dayHourHeatmap'`) wrapper around `XWUIChart`
that shades a grid of cells by value, with one axis for days and the other for hours,
so activity peaks stand out as hot cells. Each `series` row becomes a band of cells
keyed by its `{ x, y }` points; combine with a `block` preset (1-4) and `size`
(`sm` / `md` / `lg`). Use it for punch-card style patterns like traffic or
usage by weekday and time of day.

## Basic Usage

A five-row grid of randomized cell values shaded by intensity at the medium size
preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A 5x7 grid of randomized values shaded as a day/hour heatmap via the dayHourHeatmap chart type.
```

## Website Traffic Heatmap

Hourly page-view volume for an online store, laid out as weekday rows by hour columns so the evening and weekend peaks read as hot cells.

```example
file: examples/WebsiteTraffic.ts
html: examples/WebsiteTraffic.html
title: Website Traffic Heatmap
description: E-commerce page views by weekday and hour-of-day at the large size with interactive cell tooltips.
```

## Badge Access Heatmap

Office door-badge swipes by weekday and two-hour block, surfacing the morning-in and evening-out commute peaks.

```example
file: examples/BadgeAccess.ts
html: examples/BadgeAccess.html
title: Badge Access Heatmap
description: Office badge swipe counts by weekday and time block with per-cell data labels.
```

```api
```