Skip to content
Physics Medium #huygens#wavefront#diffraction

Huygens' Principle

Every point on a wavefront is a source of secondary wavelets - the constructive sum is the next wavefront.

A free, animated huygens' principle you can read here or embed on any website, from Scrollchart.

Huygens' Principle

Huygens' PrincipleEvery point on a wavefront is a secondary wavelet source; their tangent envelope is the next wavefrontPlane wave propagationDiffraction at a slit

Plane wavefront with each point seeding a circular wavelet. Tangent of wavelets forms the next wavefront. Diffraction at slit illustrated.

Good for

  • Wave optics lectures explaining rectilinear propagation, diffraction, and the Huygens-Fresnel integral
  • Physics demonstrations showing why sound bends around corners more than light does
  • Radar and sonar engineering articles on phased-array beamforming and aperture synthesis

Source & accuracy

This huygens' principle 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.

Every wavefront point spawns secondary wavelets

Huygens' Principle states that each point on a propagating wavefront acts as a source of new elementary waves (wavelets). The next wavefront is formed by the envelope of all these secondary wavelets spreading outward. This principle, stated in 1678, provided an intuitive geometric picture of how waves propagate and how they diffract and refract. Consider a plane wave hitting a barrier with a slit. Inside the slit, every point becomes a source of secondary wavelets, which spread out hemispherically. The overlapping wavelets form a new wavefront on the far side of the barrier, but with a curved shape that appears to diverge from the slit (diffraction). This explains why sound bends around corners: the edges of the corner act as secondary sources.

Modern interpretation and limitations

Huygens' Principle is a classical construct that works well for macroscopic waves. Quantum mechanically, it is reinterpreted through the path integral formulation: the amplitude at any point is a sum over all possible paths the wave could take from source to that point, weighted by oscillatory factors. Modern diffraction theory uses Huygens-Fresnel diffraction integrals to compute wavefronts exactly. The principle fails to fully explain backward-traveling waves and requires supplementary arguments (e.g., only consider the expanding envelope, not the inward-moving wavelet from the back side). Despite its limitations, Huygens' Principle remains a powerful tool for understanding wave behavior intuitively and predicting qualitative effects like diffraction patterns and shadow boundaries.

Embed this diagram

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

Frequently asked questions

Where can I get a free animated "Huygens' Principle" for my website?
Scrollchart provides "Huygens' Principle" 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 huygens' principle 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.