Skip to main content
Stock Expert AI

Market Heatmap — Visualize 500+ Stocks by Sector and Size

See the entire S&P 500 as an interactive treemap, color-coded by performance and sized by market cap. Track sector rotation, spot momentum divergences, and read the market at a glance — the same visualization used on institutional trading floors.

Quick Answer

The Market Heatmap is a free map of the S&P 500.

Each of the 500+ stocks is a box (a treemap), grouped by sector. The bigger the company, the bigger the box. Color runs from deep green (strong gains) to deep red (heavy losses), so sector trends, momentum shifts and concentration risk stand out at a glance. Prices come from TradingView and are delayed on its free tier.

500+ Stocks Tracked
11 Sectors
TradingView Widget Data Source
3 Data Sources

How Does the Market Heatmap Work?

1
Fetch Market Data

Price data comes from TradingView's embedded widget for all S&P 500 constituents, US ETFs, and major cryptocurrencies. It refreshes while the page is open and is delayed per TradingView's free tier — not a live exchange feed.

2
Calculate Changes

Each stock's percentage change is computed against the previous close. Gains and losses are normalized to produce accurate color intensity mapping.

3
Map by Sector & Cap

Stocks are grouped into 11 sectors. Block size is proportional to market capitalization — larger companies like AAPL and MSFT occupy more visual space.

4
Color-Code Performance

Deep green indicates strong gains (>3%), light green modest gains, light red modest losses, and deep red significant losses (>3%). Color intensity reflects conviction level.

Where Does the Data Come From?

Figures come from Financial Modeling Prep (FMP) and are shown with their source and date.

Financial Modeling Prep (FMP) primary
Fundamentals, market cap, sector classification
Yahoo Finance secondary
Quotes, price changes, volume data (last recorded quote)
Alpha Vantage supplementary
Technical indicators, supplementary price data

Figures from FMP, shown with their source and date. Not financial advice.

Frequently Asked Questions

What do the colors on the market heatmap mean?

The heatmap uses a green-to-red color scale to represent stock performance. Deep green indicates strong gains (typically above +3%), light green shows modest gains, light red means modest losses, and deep red signals significant losses (below -3%). The intensity of the color reflects the magnitude of the price change, letting you quickly gauge market sentiment at a glance.

How often does the market heatmap update?

The heatmap refreshes while the page is open using TradingView's embedded widget. That data is delayed per TradingView's free tier — for US stocks it can be end-of-day rather than intraday — so treat it as a market map, not a quote feed. Outside of market hours, the heatmap displays the most recent closing data.

What sectors are covered in the heatmap?

The heatmap covers all 11 sectors: Technology, Healthcare, Financials, Consumer Discretionary, Consumer Staples, Energy, Industrials, Materials, Real Estate, Utilities, and Communication Services. Stocks are grouped by sector so you can instantly see which sectors are leading or lagging.

Why are some blocks bigger than others?

Block size represents market capitalization. Larger companies like Apple (AAPL) and Microsoft (MSFT) have bigger blocks because they represent a larger share of the index. This weighting mirrors how the S&P 500 index itself is constructed, giving you an accurate visual representation of market impact.

Is the market heatmap free to use?

Yes, the Market Heatmap is 100% free with no paywall or account required. It includes three views: S&P 500 stocks by sector, US ETFs by category, and cryptocurrencies by market cap. All views are fully interactive with zoom and click-through to detailed stock analysis.

Can I use the heatmap for ETFs and cryptocurrencies?

Yes. The heatmap offers three data views: S&P 500 (stocks grouped by sector and sized by market cap), US ETFs (grouped by category and sized by assets under management), and Crypto (major cryptocurrencies sized by market cap). Switch between views using the tabs above the heatmap.

Explore More Tools

Market Sectors Stock Screener AI Money Flow Discover Stocks Market Events Legends Council Commodities

Designed by humans, created by StockExpertAI