Skip to main content
100%

Untitled

✓ Published0🌍 Public
Ppoppy
Last edited Jun 26, 2023
Created on Jun 26, 2023
Forked from HTML Starter

This visualization generates a dense packing of animated circles that grow from the center of an SVG canvas. Using a quadtree data structure to optimize collision detection, the algorithm iteratively places new circles in the largest available gaps, gradually increasing the number of candidate positions per circle. The code uses `d3.quadtree()` for spatial indexing and SVG `circle` elements with `transition()` animations to scale each circle's radius from zero. The process continues for 25,000 circles, with fill opacity randomly varied between 50% and 100%, creating an organically growing, space-filling composition.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes