Skip to main content
100%

Random Path

✓ Published0🌍 Public
NNita
Last edited Feb 26, 2020
Created on Feb 26, 2020
Forked from Random Path

This example renders a dense composition of randomly positioned circles and connecting line segments on a gray SVG canvas. The visualization repeatedly maps an array of numbers from 0 to 10 through nested map operations, generating overlapping shapes at coordinates computed with `Math.random()`. Each circle uses a computed `rgb()` fill color derived from its index, while paths are stroked with varying gray shades. The React component renders the SVG directly, with no external data source, producing an abstract, generative pattern.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes