Market Heatmap

A squarified treemap sized by market cap and coloured on a diverging change ramp — the market map.

Library

Spectrum UI

Framework

React

Type

component

License

Apache-2.0

Install

npx shadcn@latest add @spectrumui/market-heatmap

Files

• app/registry/charts/chart-engine.tsx
• app/registry/charts/market-heatmap.tsx
• lib/utils.ts

Source

https://github.com/arihantcodes/spectrum-ui

Categories

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

More from Spectrum UI

• Animated SVG Chart
• Area Chart
• Bar Chart
• Calendar Heatmap
• Candlestick Chart
• Connecting Real Data
• No Chart Data
• Chart Kit
• Chart States
• Cohort Retention
• Composed Chart
• Depth Chart