Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Concentric circles

Public visualization

Concentric circles

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

A field of concentric circle motifs radiates outward from the center of the viewport, each rendered as an irregular ring with a subtle gradient fill. The shapes are generated by mapping a single SVG path across a 10x10 grid, where each instance is randomly offset and scaled. The code uses React to map over two arrays, computing positions with sine and cosine, and applies a radial gradient and drop shadow filter. A multi-color linear gradient background provides contrast.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed