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 12, 2020
Created on Mar 12, 2020
Forked from Concentric circles

Concentric circles is a generative visualization that arranges overlapping circles into a dense, radial pattern centered on the screen, with each circle colored by a gradient from yellow to brown. The example uses React and SVG, with a `Circles` component rendering individual `<circle>` elements. The code calculates circle positions using cosine and sine functions over an array of indices and multiples of 50 pixels, while a radial gradient defined in `<defs>` and a drop shadow filter add visual depth. Fifty circles are drawn for each of fifty angles, creating a vibrant, flower-like composition.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed