Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Compact circles

Public visualization

Compact circles

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

A grid of small translucent circles is scattered inside a large bounding circle, creating a roughly uniform field of overlapping dots. The visualization uses React to render SVG elements, with nested `Array.map` calls generating the circles. Each circle’s position is determined by multiplying array values with `Math.random()`, producing a semi-random distribution within the 960×500 viewport. The code defines constants for the outer radius (400) and inner radius (40), and uses ReactDOM to mount the component, with no external data or interaction.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed