Sector Heatmaps

📅 Market Tool Free, No Signup Updated Daily ★ Beginner friendly

Free S&P 500 Sector Heatmap: Live Market Performance

See S&P 500 performance at a glance. Each block is a company, sized by market cap and colored by daily price move. Spot sector strength and weakness in seconds. Built for beginners.

✓ Powered by TradingView ✓ Reviewed by a CPA, PhD academic ✓ No ads, no upsell, no signup
Associate Professor Charles Lo, CPA, PhD
Written by
Assoc. Professor · Head of Education
🔗 LinkedIn
Reviewed by
Last reviewed
19 May 2026
Quarterly refresh
Educational use
Free market tool
★ The 60 second intro

What is a sector heatmap?

A sector heatmap shows the whole US stock market in a single picture. Each company is a colored block. Green means the stock is up today, red means it is down. Bigger blocks mean bigger companies. One glance shows you which sectors are leading and lagging.

1. What the colors mean
2. How to spot sector strength
3. Why some blocks are bigger
4. When to dig deeper into a name
★ How does a sector heatmap work?

How does a sector heatmap work?

Patterns that hold across every reporting season. The specific numbers change, the structure does not.

11 sectors
the S&P 500 is split into 11 major sectors
Tech, Finance, Healthcare and 8 others.
500 blocks
one block per company in the S&P 500
Apple, Microsoft, Nvidia are the biggest blocks.
Size = $
block size reflects each company’s market value
Big companies dominate index moves.
Color = move
green = up today, red = down, darker = bigger move
Quick visual read of strength and weakness.
In simple terms: A heatmap turns hundreds of prices into one picture. If the Tech section is mostly red and Energy is mostly green, capital is rotating out of tech and into energy that day. You see in 5 seconds what would take 20 minutes to read in a table.
Patterns are based on long run S&P 500 reporting history[1]. Current quarter statistics are tracked separately in the editorial dashboard.
Start here: green blocks are up, red blocks are down, and larger blocks are bigger companies. Hover any block to see the stock name and exact daily move.

Educational research only. Data is provided by TradingView. Screening results do not constitute a recommendation to buy or sell any security. Always conduct your own research and consider your personal financial situation before investing.

A sector heatmap is a visual map of the stock market where each company is a colored block. Size shows company value, color shows daily price move. It is the fastest way to read the market at a glance.

📐
What it shows: Every company in the S&P 500, grouped into 11 sectors. Block size reflects market cap. Block color reflects daily price move (green up, red down). Hover any block for the ticker and exact percent move.
✓
How investors use it: To spot sector rotation, find outliers (the one red block in a green sector is worth investigating), and read market breadth at a glance.
⚠
Main limitation: Heatmaps show daily moves by default, not trends. A sector that is red today may have been green for a month. Use the time range filter for context.
📺 Walkthrough chapters

How to use the S&P 500 Sector Heatmap: written walkthrough

A four-stage written walkthrough: how to read color, block size, sector grouping and daily performance.

📖 Chapters
~1 min read

How a beginner should approach this tool

Each chapter below maps to a stage of using this tool: work through them in order.

  • Step 1How color shows daily price change
  • Step 2How block size reflects market value
  • Step 3Finding strong and weak sectors
  • Step 4Checking whether a move is broad or narrow
Why use it

Why should you use a sector heatmap?

Clear beginner outcomes for this specific tool.

1

See the market at a glance

Color and size show which companies and sectors are moving without scanning hundreds of tickers.

2

Identify sector rotation

Spot when capital is moving into technology, energy, healthcare, financials or defensive sectors.

3

Avoid index level blind spots

A flat index can hide big sector moves. The heatmap shows what is happening underneath.

Free
No signup
Tool
Built for beginners
Guide
Context
Education
Not financial advice
Full guide

What is a sector heatmap and how do you read one?

A heatmap turns the whole market into a single picture. Knowing how to read sector color, block size, and rotation patterns is one of the fastest skills you can build for market awareness.

📌 Key takeaways
  • A heatmap shows every S&P 500 stock as a colored block.
  • Block size = market value. Block color = daily price move (green up, red down).
  • Hover any block for the exact percent change.
  • Sectors that lead and lag together signal capital rotation.
  • The biggest blocks (Apple, Microsoft, Nvidia) drive most of the S&P 500’s daily move.

Total read time: about 8 minutes. Each section can stand on its own.

500
S&P 500 stocks tracked
11
Major sectors
Daily
Data refresh
$0
Free to use

What is a sector heatmap? 1 min read

A sector heatmap is a visual chart that shows every stock in an index as a colored rectangle. The size of each rectangle reflects the company’s market cap. The color reflects the daily price move: green for up, red for down, darker shades for bigger moves.

The heatmap shows you these four things at once:

  • Sector grouping: companies are bundled by industry
  • Company size: bigger blocks are bigger companies
  • Daily move: color shows direction and magnitude
  • Rotation: patterns of green and red across sectors

The heatmap matters because the S&P 500 has 500 stocks. Watching them in a table is impossible. A heatmap compresses that information into one picture you can read in seconds.

Quick definition: “Sector rotation” is when money flows out of one industry and into another. On the heatmap it shows up as one section turning red over days while another turns green. Sector rotation often signals a change in the broader market regime.

How to read the heatmap 1 min read

Step 1: Scan sector color first. Look at whether each sector is mostly green or mostly red. That tells you which industries are leading and lagging today.

Step 2: Look for outliers. A single red block in a green sector (or vice versa) often signals stock-specific news. Worth a closer look.

Step 3: Check the biggest blocks. Apple, Microsoft, Nvidia and Amazon dominate the S&P 500. Their color drives the headline index move even if most other stocks are flat.

Step 4: Change the time range. Default is daily. Switch to 1 week, 1 month, or YTD for longer trends. A red day for a sector that is green over a month is much less concerning than a red month.

The 11 S&P 500 sectors 1 min read

The 11 sectors that make up the S&P 500

TECH HEAVY
Tech · Comm Services · Consumer Disc.
Roughly 52% of the index. Where Apple, Microsoft, Nvidia, Meta, Tesla, Amazon sit.
DEFENSIVE
Healthcare · Utilities · Consumer Staples
Roughly 22% of the index. Less volatile. Often green on red market days.
CYCLICAL
Finance · Industrials · Energy · Materials · Real Estate
Roughly 26% of the index. Moves with the economy. Strong in expansions, weak in recessions.

Why this grouping matters: When defensive sectors lead and tech lags, the market is risk-off. When tech and cyclicals lead together, the market is risk-on. The heatmap shows you which regime is in play.

How sector rotation works 1 min read

Different sectors lead at different points in the economic cycle. The pattern is not a guarantee, but it shows up enough times that it is worth knowing.

The classic sector rotation pattern

StageEconomyLeading sectorsWhat to watch on the heatmap
Early cycleRecoveryConsumer Disc., Financials, IndustrialsCyclical sectors turn green while defensives lag
Mid cycleExpansionTechnology, Communication ServicesGrowth sectors lead, broad green across most sectors
Late cyclePeak / slowdownEnergy, Materials, HealthcareDefensive and commodity sectors green, growth fades
RecessionContractionUtilities, Consumer Staples, HealthcareDefensives green, everything else red

The pattern is approximate. Markets sometimes skip stages or reverse. Use it as a framework, not a forecast.

Common mistakes when reading a heatmap 2 min read

Quick definition: “Breadth” describes how widely a market move is shared across stocks. This map can prompt a breadth question, but color alone does not measure the whole market.

Reading one session as a trend. The embedded widget shows a one-day change and does not provide its own period switch.
→ Fix: Use a separate dated source to compare longer periods before describing a trend.

Confusing block size with daily move. A large block shows company size in this widget, while color shows the displayed one-day change.
→ Fix: Read color for direction, size for company weight. Both matter, separately.

Ignoring large blocks. A large company can take more area on this market-cap-sized map than a smaller company.
→ Fix: Compare block size and one-day color separately before describing the pattern.

Assuming a one-day sector color will continue. The display can change with prices and does not establish a future path.
→ Fix: Use the heatmap to spot rotation, not to extrapolate today’s leader into next month.

Trading single names off heatmap color alone. The heatmap shows daily move, not the underlying story. A red NVDA could be profit-taking or a real problem.
→ Fix: Use the heatmap to spot interesting names, then do real research before any trade.

What this heatmap can show 1 min read

The embedded TradingView view is preset to S&P 500 companies, grouped by sector. Its block size uses market capitalization and its color shows the displayed one-day percentage change. This embedded configuration has no top toolbar for switching periods, so compare another period in a separate data source if you need one.

A one-day color pattern is a starting observation. It does not establish why a stock moved, whether a sector will keep moving, or whether a company is suitable for an investment.

Try the current S&P 500 sector heatmap 2 min read

★ Current interactive example · S&P 500 preset

Compare two sectors in the displayed session

Open the preloaded sector heatmap. Pick two sectors with different color patterns. Record the date and time you checked it, name one company block in each sector, and note each block’s displayed percentage change. Explain how block size and color answer different questions. Check a company filing or investor relations announcement before claiming a reason for a price move.

The widget can update with market data and may show a different pattern later. This is an observation exercise, not a forecast or trade instruction.

References

  1. TradingView Stock Heatmap widget settings, for the preset data source, sector grouping, market-cap block size and one-day color.
  2. S&P U.S. Indices Methodology, for the S&P 500 index and its weighting method.
  3. S&P sector indices, for sector definitions and current sector context.
📖 Glossary

Heatmap terms, defined in one line

Bookmark this. Every term you will see on the heatmap or in sector commentary.

Sector

A group of related companies. The S&P 500 is split into 11 sectors (Tech, Finance, Healthcare and 8 others).

Market cap

A company’s total value: share price multiplied by total shares. Block size on the heatmap is proportional to market cap.

Rotation

When money flows from one sector into another. Visible as color patterns shifting over days or weeks.

Mega cap

A company worth $200 billion or more. Apple, Microsoft, Nvidia, Amazon, Alphabet are mega caps.

Breadth

How many stocks are participating in a move. Broad green = strong day. A few green giants = weak breadth.

GICS

Global Industry Classification Standard. The system used to assign each company to one of the 11 sectors.

FAQ

S&P 500 sector heatmap: frequently asked questions

Quick answers before using the heatmap.

Is the sector heatmap free?
Yes. The heatmap is free, no signup required. Live data is powered by TradingView during US market hours.
What does this heatmap cover?
Every stock in the S&P 500, grouped into the 11 GICS sectors. Each block is sized by market cap and colored by daily price move.
Why are some blocks much bigger?
Block size reflects market value. Apple at $3 trillion is a much larger block than the smallest companies in the index. Big companies dominate index moves.
What do the color shades mean?
Green = up today, red = down. Darker shades mean a bigger percent move. A faint green block is up a fraction of a percent. A deep green block is up several percent.
Can I change the time range?
Yes. Switch between 1 day, 1 week, 1 month, 3 months, and YTD. Longer ranges show trends. The default 1 day shows today only.
Does the heatmap include dividends?
No. The color shows price change only. Total return (including dividends) can differ slightly, especially for high-dividend sectors like Utilities and REITs.
How is this different from Finviz?
Finviz has a similar heatmap. The difference here is the educational context. Every section is paired with a guide on how to read sector rotation and what each sector represents.
Should I use this to time the market?
No. The heatmap is a research tool, not a trading signal. Sector rotation patterns are general tendencies, not predictions.
📚 Learn more

Deepen your understanding

This tool is one research step. These articles teach the concepts behind it.

Related tools

Keep researching

Use these tools to move from sector context to individual stock research.

Sources & methodology

Heatmap data is sourced through TradingView. Each block represents a real S&P 500 constituent, with size scaled to market capitalization and color scaled to daily price change.

Authoritative outbound sources:

How we build the heatmap
  1. Constituent list pulled from S&P Global’s official S&P 500 membership.
  2. Live prices streamed from TradingView during US market hours.
  3. Sector assignment based on official GICS classification from MSCI / S&P Global.
  4. Block size recalculated daily from the latest market cap figures.
How sectors are defined: The 11 S&P 500 sectors follow the Global Industry Classification Standard (GICS), developed by S&P and MSCI. Each company is assigned to one sector based on its primary business.
Limitations: The heatmap is for education and research only. Color usually reflects short term price movement, not long term value. Large companies can dominate the visual size of a sector. A green sector does not mean every stock inside it is attractive, and a red sector does not mean every stock should be avoided. Educational content only, not financial advice.

Ready to read sector performance?

Open the heatmap to see which S&P 500 sectors and companies are driving the day’s move.

Educational content only. Not financial advice.

Check your understanding

Answer each question, then open the explanation.

1. What must you check before calling a heatmap color a gain or loss?

Show answer and why

Answer: The legend, selected measure and time window.

Why: Color meanings depend on the provider’s settings.

2. Does a positive sector result imply that every stock in that sector rose?

Show answer and why

Answer: No. Individual stocks can differ.

Why: An aggregate observation does not describe each constituent separately.

3. Does a strongly colored sector establish what to buy next?

Show answer and why

Answer: No. It describes the selected observation.

Why: A trading conclusion requires additional evidence and assumptions.

AI Tutor Online
Ask Anything
AI
Hi! I’m your AI tutor for this lesson. Ask me anything about the content — I’m here to help you understand it deeply.

AI responses are for educational purposes. Always verify with official course materials.

This lesson teaches a concept. It is general education, not advice about your money. Before you act on anything you learn here, speak to someone licensed.

AI Tutor Online
Ask Anything
AI
Hi! I'm your AI tutor for this lesson. Ask me anything about the content — I'm here to help you understand it deeply.

AI responses are for educational purposes. Always verify with official course materials.

This lesson teaches a concept. It is general education, not advice about your money. Before you act on anything you learn here, speak to someone licensed.

This lesson teaches a concept. It is general education, not advice about your money. Before you act on anything you learn here, speak to someone licensed.