Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Flowers Canvas

Public visualization

Flowers Canvas

0 stars0🌍 Public
NNita
Last edited Mar 13, 2020
Created on Mar 13, 2020
Forked from Concentric circles

Hundreds of petal-like SVG paths are scattered across a canvas with a rainbow gradient background. Each path is a complex `Path` component from the React framework, rendered with a fill color that varies based on a random index. The code uses `Array.map` to generate 300 instances, translating each with randomized `Math.random()` coordinates and a fixed scale. The paths are drawn with SVG `path` elements, and the React `ReactDOM.render` method mounts the visualization into the root div.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed