🌍 Public
Viewing a saved revision (read-only)
979c5ae120ba4721a3773f118656ca3c
Random world shapes with react - 1
This example displays 490 randomly positioned circles and squares scattered across a 960-by-500 SVG canvas, with each shape’s stroke width also randomized. Using React 16 and ReactDOM, the App component generates an array of scaling values and maps them to a custom My_circle component, which renders both a circle and a rectangle per iteration with coordinates calculated via Math.random(). The visualization demonstrates lightweight SVG rendering with React’s component-based approach, producing a chaotic, non-interactive abstract composition.
AI-generated descriptionReact Starter code.