Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Random circles

Public visualization

Random circles

1 star1🌍 Public
NNita
Last edited Mar 23, 2021
Created on Feb 25, 2020
Forked from React Starter

This example shows a dense field of overlapping circles rendered in an SVG, with their positions and colors appearing randomized across the display. Built with React, the component generates a triply-nested loop that creates circles using the `<circle>` element, calculating each `cx` and `cy` position by multiplying array values with `Math.random`. The fill color is derived from the array index arithmetic, producing a gradient-like effect in the RGB scale. The visualization relies on React’s `ReactDOM.render` to mount the SVG into the DOM, with no external data source.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed