Crypto Coin Heatmap — Free Embed
Bitcoin dominates the biggest block, Ethereum sits next to it, and the rest of the map fills with altcoins — all sized by market cap and colored by price change. Red shades mean the coin is down, green means up, and the intensity shows by how much.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
Make items clickable. When enabled, each item links to its detail page or a custom URL.
Make items clickable. When enabled, each item links to its detail page or a custom URL.
Enter a URL and click the buttons below to insert placeholders.
Enter a URL and click the buttons below to insert placeholders.
Applies to Overview URL only. Chart URL always opens in a new tab.
Automatically refresh data every 1 minute.
Save user selections (preset, time period) in browser localStorage so they persist across page reloads.
Remove the widget background color so it blends with your page.
Visualize the Entire Crypto Market
The crypto heatmap displays 100+ coins and tokens as market-cap-weighted blocks. Bitcoin takes the largest area, Ethereum the second largest, and everything from Solana and XRP to smaller altcoins fills in proportionally. Each block is colored by price change — green for gains, red for losses — with intensity reflecting how big the move is. Your visitors get a full market sentiment check without scrolling through any table.
Key Features
- 100+ cryptocurrencies — BTC, ETH, SOL, XRP, BNB, ADA, and the full top-100 by market cap.
- Market cap-weighted sizing — large caps get larger blocks, small caps get smaller ones.
- Live price coloring — color intensity maps to percentage change magnitude.
- Interactive details — hover or tap on any block for name, price, change, and market cap.
- Responsive rendering — fills any container width and adjusts for mobile screens.
Add It to Any Page
Pick a color theme and adjust any default settings in the panel above — the heatmap redraws instantly so you can compare options side by side. Copy the embed code when you're done. The entire widget is self-contained: it loads its own stylesheet inside a Shadow DOM, fetches market data from a CDN, and renders without touching your page's global CSS or JavaScript scope.
Paste into Webflow embed blocks, Wix code elements, Squarespace code injection, Shopify Online Store editor, WordPress (any page builder), Blogger, Hugo, Jekyll, Astro, or raw HTML. If it accepts a <script> tag, it works.
Where This Widget Shines
Crypto news sites put the heatmap at the top of their homepage because it answers the first question every visitor has: "Is the market up or down today?" DeFi dashboards embed it alongside portfolio trackers to show the broader market context. NFT and Web3 communities add it to their sites so members can check token performance without leaving the page. It's a visual that draws attention — visitors spend more time on pages with heatmaps because the colors and sizes invite exploration.