Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

My React Starter

Public visualization

Viewing a saved revision (read-only)

93f0f702cd464d4784f83db50754ba17

My React Starter

1 star1🌍 Public
NNita
Last edited Apr 1, 2020
Created on Apr 1, 2020
Forked from My React Starter

This example shows a scatter of randomly positioned circles and lines radiating from the center of a 960x500 SVG canvas. The visualization generates 101 data points ranging from -50 to 50, mapping each to a circle at a random offset from the center. Built with React and ReactDOM, the code uses JavaScript’s `Math.random()` to determine circle positions and draws connecting lines with SVG’s `<line>` and `<circle>` elements. The rendering approach uses a static SVG with transformed groups, producing an abstract, non-interactive composition.

AI-generated description

React Starter code.