Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Concentric circles

Public visualization

Concentric circles

0 stars0🌍 Public
NNita
Last edited Mar 13, 2020
Created on Mar 13, 2020
Forked from Concentric circles

A set of concentric circle shapes, each a complex layered path, is scattered across the canvas with random translations and scales. The SVG renders ten instances of the `Path` component, which is defined in JavaScript and drawn using a raw path string. Each instance’s fill color is computed dynamically from its index, creating a gradient of hues. The background uses a linear CSS gradient, while a radial gradient and drop shadow filter are defined in SVG `defs` but not applied. The code uses React for component rendering and ReactDOM to mount the app.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed