Web Heatmap Chart

A calendar heatmap for a year of activity such as commits, deploys or spending.

Library

Panel UI

Framework

React Native

Type

component

License

MIT

Files

• apps/docs/components/web-demos/heatmap-chart/colors.tsx
• apps/docs/components/web-demos/heatmap-chart/hours.tsx
• apps/docs/components/web-demos/heatmap-chart/localized.tsx
• apps/docs/components/web-demos/heatmap-chart/overview.tsx
• apps/docs/components/web-demos/heatmap-chart/readout.tsx
• apps/docs/components/web-demos/heatmap-chart/scrolling.tsx
• apps/docs/components/web-demos/heatmap-chart/thumb.tsx
• packages/web/src/components/heatmap-chart/index.tsx

Source

https://github.com/panel-ui/PanelUI

Categories

• Chart Components
• React Chart Components
• Tailwind CSS Chart Components
• Animated Chart Components
• Data Display Components
• React Data Display Components
• React Native Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Heatmap Chart Components
• React Heatmap Chart Components
• Tailwind CSS Heatmap Chart Components

More from Panel UI

• Area Chart
• Bar Chart
• Bubble Chart
• Bump Chart
• Candlestick Chart
• Funnel Chart
• Heatmap Chart
• Hex Chart
• Line Chart
• Live Line Chart
• Meter
• Mirror Area Chart