Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Compact circles

Public visualization

Viewing a saved revision (read-only)

8449b7b566f642dda91eb35e7c1e3462

Compact circles

0 stars1🌍 Public
NNita
Last edited Mar 31, 2020
Created on Mar 31, 2020
Forked from Compact circles

This example displays a dense cluster of small semi-transparent circles scattered within a larger bounding circle on an SVG canvas. The visualization uses a nested loop over a fixed array of values to generate candidate positions, then filters them with a distance check against the container radius. Built with React and ReactDOM, it renders each circle as an SVG `<circle>` element, using the `Math.random()` function to jitter the positions so the distribution appears organic.

AI-generated description

React Starter code.