TanStack Heatmap Charts

Clean and interactive matrix density and calendar heatmaps built with TanStack Charts and Shadcn UI.

Calendar Heatmap Chart

A 12-week daily rainfall intensity matrix using cell marks in TanStack Charts.

npx shadcn add ...

Loading preview...

Quantitative Binned Heatmap Chart

A 2D binned density histogram mapping bill length vs depth built with TanStack Charts.

npx shadcn add ...

Loading preview...

52-Week Token Activity Calendar Heatmap

GitHub-style 52-week activity contribution grid for API token volume built with TanStack Charts.

npx shadcn add ...

Loading preview...