Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Concentric circles -linear gradient

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed