Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Qqwxyyigesm
Last edited Nov 9, 2022
Created on Nov 9, 2022

This example shows a dense field of randomly positioned, semi-transparent rectangles and circles rendered with React and SVG, each with randomized stroke widths, opacity, and dynamically generated RGB colors. The layout is produced by a fixed array of 200 values calculated from a simple arithmetic formula, mapped through React components to create the visual elements. Using D3 v7 only to select the body and append a base SVG, the code primarily relies on React’s `ReactDOM.render` and custom components like `My_circle` to generate the shapes, with no interactive or animated behavior.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed