Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Concentric circles

Public visualization

Concentric circles

0 stars1๐ŸŒ Public
NNita
Last edited Mar 13, 2020
Created on Mar 13, 2020
Forked from Concentric circles

This visualization displays a dense cluster of concentric circle outlines that scatter and overlap across the canvas, creating a chaotic, layered pattern. A React application maps an array of 300 indices to individual `<g>` elements, each rendering a complex, circular `Path` component with a randomly generated fill color. The SVG paths are positioned using random translations and a scaling transform, while the `fill` attribute is computed dynamically from the index and `Math.random()`, producing a vibrant, uncontrolled composition.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed