Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles

Public visualization

Circles

0 stars0🌍 Public
NNita
Last edited Mar 5, 2020
Created on Mar 5, 2020
Forked from React Starter

A set of 40 concentric circles radiates from the center of an SVG canvas, each stroke drawn in solid red with 50% opacity and a 10-pixel width. The circles grow from a minimum radius of 20 to a maximum of 80, incrementing linearly, while the outermost circle reaches a radius of 300. Rendered using React’s `ReactDOM.render` into a `div` root, the visualization maps an array of radii to `<circle>` elements, with the SVG dimensions fixed at 960 by 500 pixels. The code explicitly computes radius values in a loop, though the final array contains a single undefined element.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed