Skip to content
Astronomy & Space Medium #asteroid-belt#solar-system

The Asteroid Belt

Mass distribution and orbital resonances in the main belt - and why no planet formed there.

A free, animated asteroid belt you can read here or embed on any website, from Scrollchart.

The Asteroid Belt

The Asteroid BeltAsteroid number density vs. orbital distance (AU). Kirkwood gaps swept clear by Jupiter resonances.Kirkwood gaps at 4:1, 3:1, 5:2 and 2:1 Jupiter resonances eject asteroids within ~100 Myr.

Available in: 日本語

Asteroid orbital distribution between Mars and Jupiter with Kirkwood gaps at Jupiter resonances. Total mass less than Earth's moon.

Good for

  • Solar system formation articles
  • Planetary science explainers
  • Asteroid mining context pieces

Source & accuracy

This asteroid belt 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.

Orbital resonance and the missing planet

The main asteroid belt orbits between Mars and Jupiter, occupying a region where astronomical theory would predict a planet should have formed. Instead, Jupiter's gravity created resonance traps: certain orbital periods near Jupiter became destabilized. Any planetesimal drifting into a 2:1 orbital resonance with Jupiter (completing two orbits for Jupiter's one) gets periodically yanked outward, accelerating away from formation. The 3:2 resonance and other multiples created similar gravitational vacuums. These gaps are visible as distinct minima in the asteroid density map. Over millions of years, Jupiter's resonant perturbations cleared the region of large bodies, preventing planetary assembly.

Today, the asteroid belt contains only about 4% of the moon's mass, scattered across millions of objects ranging from dust-grain size to Ceres (940 km diameter). This sparse population contrasts sharply with the dense planetary system that should have consolidated there if Jupiter had been farther away.

Migration and current structure

Modern solar system models propose that Jupiter and Saturn migrated inward during the first few million years, scattering smaller bodies outward and fragmenting any growing proto-planets in the asteroid belt region. This Grand Tack scenario explains not only the belt's low mass but also the scattered disk beyond Neptune and the Late Heavy Bombardment that peppered the inner planets 3.8 billion years ago. Today's asteroid belt is a fossil record of this violent early history, with resonance gaps acting as signposts of where Jupiter's gravity remains strongest.

Embed this diagram

Add this animated asteroid belt 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 asteroid belt for any website.
Who uses it
Astronomy enthusiasts.
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="asteroid-belt" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "The Asteroid Belt" for my website?
Scrollchart provides "The Asteroid Belt" 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 embed a asteroid belt in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.