Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Concentric circles -linear gradient

Public visualization

Viewing a saved revision (read-only)

877ceea2bc4f464ead1c369c973f751b

Concentric circles -linear gradient

0 stars0🌍 Public
NNita
Last edited May 18, 2020
Created on May 18, 2020

A generative visualization renders concentric circles with a linear gradient background. The React component maps over 50 array indices and nested pixel values to position 2,500 semi-transparent circles, using trigonometric functions and random scaling to scatter them from the center. Each circle applies a radial gradient via SVG `<radialGradient>` and a drop-shadow filter. The SVG output uses React’s `createElement` under the hood, with colors derived from index-based RGB values and random opacity, creating a layered, luminous effect against the teal-to-grey backdrop.

AI-generated description

React Starter code.