Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Random circle shapes with react July 4,2022 -2

Public visualization

Viewing a saved revision (read-only)

1af59a4691dd4732a4d46f56797f6279

Fork of Fork of Random circle shapes with react July 4,2022 -2

2 stars1🌍 Public
NNita
Last edited Aug 6, 2023
Created on Jul 6, 2022

This example renders a grid of 200 randomly positioned and colored squares, each with a thin, semi-transparent stroke, onto an SVG canvas within a React application. The code uses ReactDOM to inject a component into the page, while D3.js is loaded solely for its selection and SVG creation utilities, though the actual drawing is handled by React's JSX elements. Each square’s size, color, and position are derived from a simple arithmetic series and the `Math.random` function, producing a non-repeating, abstract pattern of shapes.

AI-generated description

React Starter code.