Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Compact circles within the Bigger Circle

Public visualization

Compact circles within the Bigger Circle

0 stars0🌍 Public
NNita
Last edited Mar 31, 2020
Created on Mar 31, 2020

The visualization displays a large circle filled with many smaller, semi-transparent circles scattered randomly inside its boundary. Each small circle has a color derived from its computed grid position, creating a varied palette. The code uses React to render SVG elements, with a Cartesian grid of potential positions generated by loops. Randomization via `Math.random()` determines each circle’s exact placement and color intensity, while a distance check ensures only points within the outer radius are drawn, resulting in a compact, clustered arrangement.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed