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

A field of overlapping concentric-circle shapes scatters across the screen. The number of shapes and their positions are determined by a loop that generates 300 copies, each translated randomly along the X and Y axes using `Math.random()` calls. The SVG `Path` component, defined in a separate file, draws a flower-like form with concentric circles for each instance. React manages the rendering, while the CSS background applies a vertical gradient from red through orange, yellow, and green to black.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed