Data and analytics · §5.25

Heatmap

Weekday by hour intensity.

Theme
Contrast
Language
Motion
Text size

Code

<Heatmap columns={hours} rows={days} t={t} values={values} />

Accessibility

  • Each cell has a title with its value; the table view has every number.

Usage

Do

  • One hue, light to dark.

Don't

  • Never a rainbow scale.

Platforms

Web
apps/web/components/edflow/charts.tsx
iOS
Swift Charts RectangleMark
Android
Compose grid