Misc - Heatmap Blocks

Explore custom community-made shadcn/ui and Tailwind CSS Misc Heatmap blocks.

@mapcn

Heatmap

A dynamic globe-projected heatmap component that visualizes earthquake density data using MapLibre, featuring zoom-dependent intensity, radius, and color-coded point transitions.

block

@hirael

Cluster Map

A responsive grid-based cluster map component featuring interactive nodes with dynamic health-based coloring, load-dependent opacity, hover effects, and a customizable legend for monitoring system infrastructure.

block

@elements

Github Contributions

A responsive SVG-based contribution activity grid that visualizes data density using varying opacity levels, styled to mimic the GitHub profile contribution graph.

block

@8starlabs-ui

Heatmap Custom Display Demo

A data visualization component that renders a calendar-based heatmap with customizable date and value display functions, supporting discrete color modes for activity tracking.

example

@8starlabs-ui

Heatmap Custom Colors Demo

A data visualization component that renders a calendar-style heatmap with support for custom discrete color scales and date range configuration.

example

No more components to load

Select an Item to view its code

Choose an item from the list to view its code and files.