TuxChartHeatmap

flagship · day × hour

Crashes by day of week and hour

The classic safety-analysis matrix: weekday AM/PM commute peaks in deep maroon, the weekend late-night shelf visible on Saturday and Sunday. Hover a cell — or Tab in and walk the matrix with arrow keys in two dimensions — for the exact count. Column labels auto-thin so the 24-hour axis never shingles.

2–11.2
11.2–20.4
20.4–29.6
29.6–38.8
38.8–48

<tux-chart-heatmap
  :rows="days"
  :cols="hours"
  :values="crashMatrix"
  units="crashes"
/>

slate ramp · value labels · missing data

Travel-time index by corridor and month

Small matrices (≤ ~12 columns) can afford in-cell values — turn on value-labels. The slate ramp is the neutral second voice for a dashboard already anchored by a maroon exhibit. Two sensor outages render as hollow hatched cells and read "No data" — a hole is a hole, never a zero.

1.10–1.22
1.22–1.35
1.35–1.47
1.47–1.59
No data

<tux-chart-heatmap
  :rows="corridors"
  :cols="months"
  :values="ttiMatrix"
  ramp="slate"
  :bins="4"
  value-labels
  :height="220"
  :format="(n) => n.toFixed(2)"
  :decimals="2"
  units="TTI"
/>

print posture

Static, for reports

:tooltip="false" drops the hover layer for PDF / print contexts (the family contract), and the legend can go when a TuxChartFrame caption or a TuxMapLegend nearby already carries the ramp. The SVG <title> per cell and the derived screen-reader summary stay.

<tux-chart-heatmap
  :rows="days"
  :cols="hours"
  :values="crashMatrix"
  :tooltip="false"
  :legend="false"
/>