Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Concentric circles

Public visualization

Concentric circles

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

The visualization displays a radiant, multi-hued field of concentric circles that emerge from a central point and spiral outward against a rainbow gradient background. Each circle’s size and color vary randomly, creating a dense, organic pattern. Built with React and rendered as SVG, the code maps over 50 indices and 50 pixel offsets, calculating each circle’s position using trigonometric sine and cosine functions. A radial gradient defined in the SVG `defs` section fills every circle, while a drop-shadow filter adds a cyan outline for depth.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed