reynablog
Lab/UI & CSS·

Damped Harmonic Spring Calibration

Interactive RK4 spring physics solver comparing underdamped, critically damped, and overdamped UI motion curves.

Canvas 2DTypeScriptMDX

Physical spring animations avoid fixed-duration easing curves by modeling velocity and restoring force (F = -k · (x - x₀) - c · v).

Use the sliders below to inspect how the damping ratio (ζ = c / (2 · √(k · m))) determines overshoot and 2% settling time.

Underdamped Spring Solver — Interactive TrajectoryRK4 / Analytical Damped Harmonic Oscillator
Damping ratio (ζ): 0.52Regime: UnderdampedSettle (2%): 540 ms
Live Puck