Visualizing Tides in 3D: How the Earth–Moon System Creates High and Low Tides
Understanding tides is surprisingly tricky.
Many people learn that “the Moon causes tides,” but how that actually works in space is often hard to picture.
To make this clearer, I built a 3D web-based visualization that shows how the relationship between the Earth and the Moon creates high tides and low tides — using real astronomical sizes and distances.
Why Tides Are Hard to Imagine
Most diagrams of tides exaggerate distances and sizes for readability.
In reality:
- The Moon is about 384,400 km away
- The Earth’s diameter is about 12,742 km
- The Moon is about 1/4 the diameter of Earth
When drawn accurately, the system looks very different from textbook illustrations.
This project focuses on showing tides without visual shortcuts.
Real Scale, Real Distance
In this 3D web page:
- 🌍 Earth and Moon sizes match real-world ratios
- 🌙 Orbital distance is applied proportionally
- 🔄 Earth rotates while the Moon orbits
- 🌊 Ocean bulges respond dynamically to gravity
Nothing is resized “for effect.”
What you see is how the system actually looks — just compressed enough to fit on a screen.
Why There Are Two High Tides
One common misconception is that tides only happen on the side of Earth facing the Moon.
In reality:
- One high tide forms on the Moon-facing side due to lunar gravity
- Another forms on the opposite side due to inertia in the Earth–Moon system
As Earth rotates through these two tidal bulges, most locations experience:
- Two high tides
- Two low tides
each day.
The 3D visualization makes this immediately visible.
Axes, Orbits, and Subtle Angles
The simulation also reflects real orbital geometry:
- Earth’s rotation axis is tilted 23.5° relative to its orbit around the Sun
- The Moon’s orbital plane is tilted 5.1° relative to the ecliptic
These small angles explain:
- Why tides vary by latitude
- Why tidal heights change over time
- Why eclipses don’t happen every month
Seeing these angles in 3D helps connect multiple concepts at once.