Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

molecules

Public visualization

Viewing a saved revision (read-only)

41de1f7e0c7f457b877fe9278e550c36

molecules

0 stars0🌍 Public
Yyyaaa1
Last edited Sep 26, 2019
Created on Sep 26, 2019

This visualization shows a field of 1,000 colorful circles that collide and bounce off each other, with a larger fixed circle at the center that can be dragged with the mouse. It uses d3.v3’s force layout and collision detection via d3.geom.quadtree to simulate physical interactions, while rendering the circles as SVG elements. The root node is fixed and follows the mouse pointer, and the force graph continuously updates the circle positions on each tick. The scene is interactive, allowing users to move the central node and watch the surrounding circles respond.

AI-generated description

The Viz created based on Collision Detection.