PaceUI

  • Components
  • Blocks
  • Templates
  • Studio
  • Resources
Intro
  • Blocks
  • Installation
  • MCP
Dashboard
  • Stats
  • Widget
  • Tables
  • Notification
  • Profile Menu
  • Widget Layout
  • Promos
Marketing
  • Hero
  • Feature
  • Pricing
  • Testimonials
  • FAQs
  • Topbar
  • Footer
  • Cookie Consent
  • Login
  • Register
  • Forgot Password
  • Reset Password
  • Verify Email
  • 2 FA
Apps
  • Analytics
  • Education
  • File Manager
  • Projects
  • Finance
  • Health
  • Chats
  • Forms
Free
  • 30+ Shadcn free blocks
  1. Blocks
  2. TanStack Charts
PreviousNext

Heatmap & Density

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

Calendar Heatmap

Quantitative Binned Heatmap

Calendar Heatmap Chart

Quantitative Binned Heatmap Chart

52-Week Token Activity Calendar Heatmap

Density Contours

Contour Topography

Hexbin Density

GaugeDistribution & Stats

PaceUI

Animated blocks, components, and templates for Next.js and TanStack Start. Built with Motion and shadcn - clean code you own.

GitHubTwitterDiscord

Products

BlocksComponentsTemplatesCraftsTanStack ChartsMCP ServerStarter KitsStyleX Components

Resources

DocumentationMotion ComponentsGSAP AnimationsNative AIBlogChangelog

Pricing & Account

PricingManage AccountLicensesAPI KeysAffiliate Program

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI

Daily Rainfall Calendar Matrix
12-week calendar grid displaying daily rainfall intensity
W1W2W3W4W5W6W7W8W9W10W11W12WeekSunMonTueWedThuFriSat
Mid-week days show peak precipitation concentration
Cells map day-of-week rows against sequential weekly columns
Daily Rainfall Calendar Matrix
12-week calendar grid displaying daily rainfall intensity
W1W2W3W4W5W6W7W8W9W10W11W12WeekSunMonTueWedThuFriSat
Mid-week days show peak precipitation concentration
Cells map day-of-week rows against sequential weekly columns
2D Binned Density Heatmap
Two-dimensional histogram binning quantitative bill length vs depth
30354045505560Bill Length (mm)121416182022Bill Depth (mm)
Highest point density concentrates around 42mm x 16mm
Color intensity scales sequentially based on observation count in each bin
2D Binned Density Heatmap
Two-dimensional histogram binning quantitative bill length vs depth
30354045505560Bill Length (mm)121416182022Bill Depth (mm)
Highest point density concentrates around 42mm x 16mm
Color intensity scales sequentially based on observation count in each bin
52-Week Token Activity Calendar Heatmap Grid
GitHub/GitLab contribution style matrix tracking daily API token volume
JanJanFebAprAprMayJulJulAugOctOctNovMonWedFri
Daily token activity intensity mapped across 52 calendar weeks
`cell` mark renders discrete categorical grid tiles scaled by ordinal levels
Bivariate Density Contours
Kernel density estimation contours displaying 2D spatial clustering concentration
Innermost contour ring represents maximum bivariate sample density
Hover over sample observation points to inspect 2D coordinates and spatial clustering
Topographic Wind Velocity Contours
Filled vector field isoline contours indicating spatial wind speed gradients
High velocity core (dark blue) centers over central grid origin
Hover over grid observation points to view localized wind speed vectors
Hexagonal Point Density Binned Plot
Spatial hexbin clustering mapping vehicle weight vs fuel efficiency density
1,5002,0002,5003,0003,5004,0004,5005,000Vehicle Weight (lb)1020304050Fuel Economy (mpg)
High density concentration around 2,500 lbs & 30 mpg
Hexagonal tessellation avoids visual scatter plot overlap in dense bivariate distributions