Heatmap & Density

Calendar heatmaps, matrix density grids, token usage charts, and hexbin maps.

Calendar Heatmap

12-week matrix cell calendar heatmap displaying daily observations.

npx shadcn@latest add @paceui/tanstack-charts-calendar-heatmap

Loading preview...

Quantitative Binned Heatmap

Two-dimensional quantitative binned density heatmap grid.

npx shadcn@latest add @paceui/tanstack-charts-quantitative-binned-heatmap

Loading preview...

Calendar Heatmap Chart

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

npx shadcn@latest add @paceui/tanstack-charts-heatmap-calendar

Loading preview...

Quantitative Binned Heatmap Chart

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

npx shadcn@latest add @paceui/tanstack-charts-heatmap-quantitative-binned

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@latest add @paceui/tanstack-charts-heatmap-token-usage

Loading preview...

Density Contours

Kernel density estimation contours displaying 2D spatial clustering concentration.

npx shadcn@latest add @paceui/tanstack-charts-density-contours

Loading preview...

Contour Topography

Topographic vector field isoline contours indicating spatial wind speed gradients.

npx shadcn@latest add @paceui/tanstack-charts-contour-topography

Loading preview...

Hexbin Density

Spatial hexbin clustering mapping point density concentration.

npx shadcn@latest add @paceui/tanstack-charts-hexbin-density

Loading preview...