Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars1🌍 Public
NNita
Last edited Jul 6, 2022
Created on Jul 6, 2022

A grid of randomly positioned circles and rectangles fills an SVG canvas, each shape rendered with semi-transparent strokes and varied colors derived from mathematical calculations. The visualization uses React components to generate 190 shape elements, with each circle’s radius fixed while rectangles receive computed dimensions. The code combines React 16.13.1, D3 v7 for SVG manipulation, and direct DOM rendering through ReactDOM, with random stroke widths, colors, and opacity levels creating an abstract, generative composition.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed