Heatmap

Hour by weekday on a five-step ramp from fill to series 1; never a rainbow.

View source
Mon
Tue
Wed
Thu
Fri
Sat
Sun
import { Heatmap } from "@logicplanes/kaeso-ui";

Props

  • aria-label
    string

    The chart's accessible name ("Requests by model").

  • columnLabelEvery
    number = 3

    Labels every nth column, starting with the first (3 by default), so dense columns stay readable.

  • columns
    string[]

    The column labels, left to right (hours, or weeks).

  • formatValue
    ((v: number) => string) = (v) => formatNumber(v)

    Formats a cell's value for its tooltip and screen readers. Defaults to formatNumber.

  • rows
    string[]

    The row labels, top to bottom (weekdays).

  • values
    number[][]

    The values by row, then column: values[row][column]. The darkest step is the largest value.