Heatmap
- from @knowns-ui
A two-axis grid of values, such as weekday by hour or region by month, built with CSS grid and no chart library. Each cell mixes the accent into the track by its value so light and dark follow the theme, with row and column labels, a Less to More legend, one tab stop with the arrow keys to move between cells, and the focused cell announced with its row, column and value. Pointing at or focusing a cell rings it and brightens its two labels.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @knowns-ui/heatmapLive preview
No live preview has been built for this component yet.
Registry dependencies1
Packages0
No npm packages are installed with it.