Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Untitled

Public visualization

Viewing a saved revision (read-only)

26b0e5c8d6a1408c83d792e99c39d837

Fork of Untitled

0 stars0🌍 Public
AAnthony Zornig
Last edited Jan 29, 2022
Created on Jan 29, 2022
Forked from Untitled

Twenty colored rectangles bounce and slide within a fixed SVG canvas, colliding with each other and the boundaries. The animation runs on a `d3.forceSimulation` with custom forces for rectangular collision and bounding-box containment, while a drag handler lets users move any rectangle. Each particle has a random size, velocity, and direction, with a distinct color from `d3.schemeCategory20`. The custom `rectCollide` force uses a `d3.quadtree` to efficiently resolve overlaps.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.