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 My React Starter

A set of small, semi-transparent circles scatters randomly within a larger bounding circle, producing a compact, clustered composition. The visualization is built with React and rendered as SVG, using a fixed coordinate system centered on the page. The code generates a grid of positional values, then maps them to random x and y offsets inside the outer circle using `Math.random()`, with each circle assigned a constant radius and opacity. ReactDOM renders the SVG tree directly into the DOM, with no external data or interaction.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed