✓ Two crowns ✓ Same mass, different density ✓ Vertical slider ✓ Slider works ✓ Slider controls crowns ✓ Slider direction correct ✓ Full slider range — Fall animation ✓ Water displacement ✓ Rising water level ✓ Splash effects ✓ Physics correct — Live mass value — Live volume value — Live density value ✓ Live displaced water ✓ Gilded displaces more ✓ Heureka animation ✓ No external deps ✓ Light bg / dark text ✓ Self-contained HTML
Live mass/volume/density values are static (hardcoded in SVG, not updated by JS), so only displaced water is truly "live"; fall animation is absent — slider teleports crowns with no drop momentum.
Live mass/volume/density values are static (hardcoded in SVG, not updated by JS), so only displaced water is truly "live"; fall animation is absent — slider teleports crowns with no drop momentum.