Skip to content
Astronomy & Space Medium #distance-ladder#parallax#cepheid

The Cosmic Distance Ladder

Parallax -> Cepheids -> Type Ia supernovae -> redshift. Each rung calibrates the next.

A free, animated cosmic distance ladder you can read here or embed on any website, from Scrollchart.

The Cosmic Distance Ladder

The Cosmic Distance LadderEach rung is calibrated by the one below it, extending reach from 1 parsec to 10 gigaparsecsAlpha CentauriGalactic CentreAndromedaVirgo ClusterObservable edgeParallaxTrigonometric geometryGaia 3 kpcCepheid VariablesPeriod luminosity (Leavitt 1912)HST 40 Mpc100 pcType Ia SupernovaeStandardisable candle, M = −19.33 Gpc3 MpcCosmological RedshiftHubble's law, v = H0 d10 Gpc100 Mpccalibratescalibratescalibrates1 pc10 pc100 pc1 kpc10 kpc100 kpc1 Mpc10 Mpc100 Mpc1 Gpc10 GpcDistance (log scale, parsecs)A mis-calibration in any rung shifts every distance beyond it: this is why the Hubble tension matters

Distance scale (log) with method-by-method ranges: parallax (out to 3 kpc with Gaia), Cepheids (40 Mpc), Type Ia SN (3 Gpc), redshift (cosmological). Calibration overlap between each rung.

Good for

  • Cosmology articles
  • Astronomy explainer content
  • Hubble tension and H0 reporting

Source & accuracy

This cosmic distance ladder 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.

Building distance estimates rung by rung

The cosmic distance ladder is a series of techniques, each calibrated by the previous, extending distance measurements from Earth to the edge of the observable universe. Parallax (geometric triangulation using Earth's orbit) reaches about 30,000 light-years directly. Cepheid variables, stars that pulse with a period linked to their brightness, were calibrated using nearby parallax-measured Cepheids; their brightness-period relationship (the period-luminosity relation) lets astronomers measure distant Cepheids in other galaxies. Type Ia supernovae (thermonuclear explosions of white dwarfs) are the brightest objects visible across the universe; calibrated using Cepheid distances to nearby galaxies, they extend measurements to billions of light-years.

Redshift, the cosmic expansion indicator, is the final rung. Calibrated using supernova distances, redshift maps distances to the most remote observable structures.

Why each rung must be trustworthy

An error in a lower rung propagates to all higher rungs. If parallax measurements were wrong, Cepheid calibration would be wrong, supernova distances would be wrong, and the age of the universe would be wrong. The Hipparcos satellite's parallax measurements revealed that nearby galaxies were 10 percent farther than previously thought, immediately implying the universe is older than earlier estimates suggested.

Modern measurements use multiple independent techniques at each rung, seeking agreement. Supernovae are supplemented by other distance markers (gravitational lensing, water masers, etc.). The convergence of diverse methods on consistent distances builds confidence in the cosmic framework.

Embed this diagram

Add this animated cosmic distance ladder 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 cosmic distance ladder for any website.
Who uses it
Astronomy enthusiasts, Physics educators.
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="distance-ladder" 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 Cosmic Distance Ladder" for my website?
Scrollchart provides "The Cosmic Distance Ladder" 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 cosmic distance ladder 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.