Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Random lines

Public visualization

Viewing a saved revision (read-only)

fa561bed80824631aca597fd3cb477ab

Fork of Random lines

1 star1🌍 Public
NNita
Last edited Jan 3, 2024
Created on Jan 3, 2024
Forked from Random lines

This example displays a grid of 500 randomly generated quadratic curves, each drawn as an SVG path with a random color and size. The visualization demonstrates fundamental SVG shape creation using the raw DOM API, specifically `document.createElementNS` and `setAttributeNS` to construct `<path>` elements with `M` and `Q` commands. The code generates random start and end points across a 1000×1000 coordinate space, assigning each curve a unique RGB stroke color and a fixed 2-pixel width, with fill disabled to show only the line outlines.

AI-generated description

Demonstration of SVG shapes.