Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rainbow Circles

Public visualization

Rainbow Circles

1 star3🌍 Public
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 description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed