Chart Heatmap Traffic 1 - Week-by-hour heatmap

Pro

Grid of intensity cells for weekday and hour buckets.

Shadcn Chart Heatmap Traffic 1 component

Component data

ID
chart/chart-heatmap-traffic-1
Access
pro
Created
Sep 12, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Chart Heatmap Traffic 1 component design & features

This chart example renders a traffic heatmap as a CSS grid of intensity cells. Each cell maps a weekday and hour bucket to a visit strength value with a tooltip-friendly label.

Use it when timing across a week matters more than a single line.