Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Random Path

Public visualization

Viewing a saved revision (read-only)

8586de38700c48b9972aa78b93558ee9

Random Path

0 stars0🌍 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.