🌍 Public
Viewing a saved revision (read-only)
e53cbfe77f4a4c9e8045fea5851c39e9
Rainbow Circles
NNita
Last edited May 23, 2020
Created on May 20, 2020
This example renders a series of concentric circles centered on an SVG canvas, with each circle’s radius increasing by a fixed pixel increment. The stroke color of every circle is randomly generated using the `rgb()` function with values between 0 and 250. Implemented in React with ReactDOM, the visualization maps an array of radius values to SVG `<circle>` elements, producing a multicolored, nested-ring pattern reminiscent of a rainbow.
AI-generated descriptionReact Starter code.