Skip to main content
100%

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

✓ Published1🌍 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.

MIT Licensed

Similar vizzes