Interactive Science Visualizations — Learn by Exploring

 

I built a small collection of browser-based interactive simulations for students — no installation, no login, just open and explore. Each one lets you manipulate the parameters and see the physics or math respond in real time.

👉 Open Science Explorer — the full hub with all four apps.


🌙 Moon Phases Explorer

Visualizes the Moon’s real orbital mechanics in 3D — elliptical orbit, Kepler’s second law (faster at perigee, slower at apogee), and the 5.1° orbital inclination. Drag to rotate the view, watch the phase diagram update live, and click Earth to look up at the sky from the surface.

Launch →


🌿 Photosynthesis

An animated look at how plants convert sunlight, CO₂, and water into glucose and oxygen. Watch photons travel from the Sun to chloroplasts, water rise through the stem, and oxygen escape upward — all in a continuous particle simulation with the full chemical equation at the bottom.

Launch →


🏛️ Galileo’s Tower — Free Fall

Drop a pebble, rubber ball, and leaf simultaneously from a 55 m tower — with air on one side and vacuum on the other. The results table fills in as each object lands. In vacuum, all three hit at the exact same time (Galileo’s discovery). In air, the leaf takes over 20 seconds longer while drifting several metres sideways.

Launch →


📉 Gradient Descent Explorer

Step through gradient descent one iteration at a time on five different loss surfaces:

Surface What it teaches
Simple Bowl Basic convergence, effect of learning rate
Narrow Valley Oscillation when curvature is uneven
Banana Valley (Rosenbrock) Why curved valleys are hard for optimizers
Double Well Local minima — starting point determines the outcome
Saddle Point Zero gradient that is not a minimum

The red arrow shows the gradient ∇L (steepest ascent), the teal arrow shows the step −η∇L (where the optimizer actually moves). Click anywhere on the map to plant a new starting point and watch the path change. A live loss-vs-iteration curve appears in the corner.

Launch →


All apps run entirely in the browser (HTML + Canvas + Three.js). Source is on GitHub.