Skip to content
Finance Medium #breadth#technical

Market Breadth Indicators

Advance-decline line, new highs, percentage above 200dma. When the index masks weakness.

A free, animated market breadth indicators you can read here or embed on any website, from Scrollchart.

Market Breadth Indicators

Market Breadth IndicatorsWhen the index makes new highs but breadth falls, fewer stocks are carrying the market.

Three curves over 20 weeks: the S&P 500 index rising to a +25% peak by week 17, the advance-decline line peaking at week 9 and declining to -7% as the index continues higher, and the percentage of stocks above their 200-day moving average falling from 74% to 33%. A divergence zone shaded from week 9 onward highlights the period when the index is making new highs while breadth is deteriorating. Annotations identify the breadth peak, the index high, and the final A-D line level.

Good for

  • Technical analysis education for investing newsletters and market commentary
  • Late-cycle risk management content explaining breadth deterioration
  • Market internals explainers for intermediate-to-advanced retail investors

Source & accuracy

This market breadth indicators is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Why the S&P 500 index can mask deteriorating health

The S&P 500 is market-cap weighted, meaning the 10 largest stocks control roughly 30% of the index. When those mega-caps rally on AI excitement while the median stock declines, the index looks strong on the surface but the underlying market is weak. Breadth indicators measure this hidden divergence by counting how many individual stocks are making new highs or trading above their 200-day average. If only 20% of stocks beat the 200-day average while the index hits a new high, that's a red flag.

The advance-decline line is the simplest breadth tool: it rises when more stocks go up than down in a day, and falls vice versa. Over months, a declining advance-decline line paired with a rising index signals the rally is fragile and built on a shrinking number of mega-caps.

Using breadth to forecast reversals

Market tops often form with breadth divergence: the index is near all-time highs but breadth indicators are rolling over weeks before the actual correction. The converse happens at bottoms, where the index is near lows but breadth meters are improving, signalling a reversal is imminent. Traders use breadth as an early warning system rather than a timing tool by itself.

Extreme breadth readings also matter. If 90% of stocks are trading above their 200-day average, the market is extended and vulnerable to mean reversion. If only 10% are, the market is oversold and due for a bounce. These are contrarian indicators, not trend followers.

Embed this diagram

Add this animated market breadth indicators to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated market breadth indicators for any website.
Who uses it
Investing newsletters.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="market-breadth" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Market Breadth Indicators" for my website?
Scrollchart provides "Market Breadth Indicators" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I add a market breadth indicators to a finance or business article?
Copy the embed snippet from the Scrollchart page for this diagram and paste it anywhere in your article HTML. It is compatible with WordPress, Webflow, Ghost, Substack, and static HTML pages. No account or API key is needed.