Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bouncing Balls

Public visualization

Viewing a saved revision (read-only)

90373d15b85e4629838695799141b916

Bouncing Balls

0 stars0🌍 Public
CCurran Kelleher
Last edited Nov 26, 2025
Created on Nov 21, 2025

Bouncing Balls demonstrates a physics simulation of colorful particles colliding and bouncing within a canvas. Clicking adds new balls to the scene. The visualization uses D3’s `forceSimulation` with `forceCollide`, `forceX`, and `forceY` to handle particle interactions, while a custom `timer` loop applies gravity and wall collision logic. Rendering is done via the Canvas 2D API, with trails, velocity lines, and arrowheads colored by speed using HSL values.

AI-generated description