Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Concentric circles -linear gradient

Public visualization

Viewing a saved revision (read-only)

298e5b5c516644409888d06cc1f9a2d6

Concentric circles -linear gradient

1 star0🌍 Public
NNita
Last edited Mar 12, 2020
Created on Mar 12, 2020

A set of concentric circles radiates outward from the center of the screen, with each circle’s radius randomly scaled and its position offset along a circular path. The circles are rendered with React and SVG, using a shared radial gradient (`#gradient-Saturn`) that transitions from pale yellow to brown, creating a Saturn-like shading effect. A cyan drop shadow filter adds depth to each shape. The code generates 20 angular positions and 20 radial offsets, producing a grid of overlapping circles with randomized sizes.

AI-generated description

React Starter code.