Market Heatmap

ui

The market as one block of ground: tiles sized by market cap on a hand-rolled squarified treemap, tinted on a diverging scale by the day's move. Hovering a tile parks a read-out beside it with price, change and cap; clicking pins it.

pnpm dlx shadcn@latest add "https://ui.ssych.com/r/market-heatmap.json"

Sign In

Market Heatmap

ui

The market as one block of ground: tiles sized by market cap on a hand-rolled squarified treemap, tinted on a diverging scale by the day's move. Hovering a tile parks a read-out beside it with price, change and cap; clicking pins it.

pnpm dlx shadcn@latest add "https://ui.ssych.com/r/market-heatmap.json"

components/ui/market-heatmap.tsx