Skip to content
Astronomy & Space Rich #exoplanet#transit#photometry

Transit Method (Animated)

A planet crossing the disk of its host star dims the starlight by a fraction equal to (R_planet / R_star)². State pills walk through pre-transit, ingress, mid-transit, and egress, with a live light curve cursor.

A free, animated transit method (animated) you can read here or embed on any website, from Scrollchart.

Transit Method (Animated)

Exoplanet Transit MethodHost starR_starBaseline brightness100.00% of baselineDepth equation:depth = (R_p / R_star)²Earth around Sun:~0.008%Jupiter around Sun:~1.0%100%98.5%Time
Before transit, we measure the full brightness of the host star. This is the baseline. Even a Jupiter-sized planet will only block a small fraction of the disk; an Earth-sized planet about 0.01%.
Host star
Transiting planet
Light curve

The transit method is the most productive technique in modern exoplanet science. NASA's Kepler and TESS missions both rely on it. The idea is simple: stare at a star for weeks or months, watch its brightness, and look for repeating dips. A planet crossing the stellar disk blocks a tiny fraction of the light, producing a characteristic flat-bottomed dip whose depth tells you the planet's size and whose timing repeats with the orbital period.

Light curve geometry is rich. The duration of ingress (when the planet edge is partially on the disk) and the flat-bottom duration together pin down the inclination of the orbit. Multi-band photometry catches the wavelength-dependent depth signature of an atmosphere. Repeated transits give the period precisely.

Good for

  • Exoplanet news content
  • Astronomy and astrophysics teaching
  • Science journalism on Kepler / TESS

Source & accuracy

This transit method (animated) 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.

How the transit method detects exoplanets

When a planet passes between its host star and an observer, it blocks a small fraction of the star's light, producing a periodic dip in brightness called a transit. The depth of the dip equals the ratio of the planet's area to the star's area, approximately the square of the planet radius divided by the star radius. A Jupiter-sized planet crossing a Sun-like star dims it by about one percent, while an Earth-sized planet causes a dip near 0.01 percent.

Because the dip recurs once per orbit, repeated transits reveal the orbital period, and the depth gives the planet's size relative to the star.

Reading a light curve: ingress to egress

A transit light curve moves through distinct phases. Pre-transit the brightness is steady at baseline. Ingress is the brief interval when the planet's disk begins crossing the stellar edge and brightness falls. Mid-transit is the flat-bottomed minimum when the planet is fully in front of the star. Egress is when the planet exits and brightness climbs back to baseline.

The shape carries information: a flat bottom and sharp ingress and egress suggest a clean central crossing, while a more rounded, shallower dip indicates a grazing transit near the stellar limb. NASA's Kepler and TESS missions used exactly this signature to find thousands of planets.

Embed this diagram

Add this animated transit method (animated) 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 transit method (animated) 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="transit-method-rich" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Transit Method (Animated)" for my website?
Scrollchart provides "Transit Method (Animated)" 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 transit method (animated) 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.