Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Concentric circles -linear gradient

Public visualization

Viewing a saved revision (read-only)

f426a2e0f6ef4a38800c10ec5fcbb692

Concentric circles -linear gradient

1 star5🌍 Public
NNita
Last edited Apr 2, 2020
Created on Mar 12, 2020
Forked from Concentric circles

A generative SVG visualization renders concentric circles with a linear gradient background, using React components to map 50 angular positions across 50 radial steps. Each circle’s radius is randomly scaled and filled with a radial gradient defined in SVG defs, while the backdrop uses CSS linear-gradient. The code computes positions via Math.cos and Math.sin, and applies a drop-shadow filter with cyan glow.

AI-generated description

React Starter code.