Heatmap

Charts

Color-coded matrix visualization for patterns and data density across two dimensions with interactive tooltips and gradient legend.

Installation

$npx linspo-ui add heatmap

Dependencies: lucide-react

5 × 7 grid

Mon

Tue

Wed

Thu

Fri

Sat

Sun

Morning

Late AM

Noon

Afternoon

Evening

Maximum

Average

Minimum

Prop	Type	Default	Description
`data`	`number[][]`	—	2D array of numeric values for the heatmap cells.
`xLabels`	`string[]`	—	Labels for the x-axis (columns).
`yLabels`	`string[]`	—	Labels for the y-axis (rows).
`metric`	`string`	`"Activity Heatmap"`	Label for the metric being displayed.
`className`	`string`	—	Additional CSS classes to apply.