Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles Pack

Public visualization

Circles Pack

0 stars0🌍 Public
NNita
Last edited Mar 5, 2020
Created on Mar 5, 2020
Forked from Circles Pack

This visualization shows a large grid of concentric circles arranged in a repeating pattern across an SVG canvas. The circles are drawn with green outlines, a stroke width of 8, and 0.8 opacity, creating a dense, mosaic-like texture. The code uses React to render the SVG elements, with a custom `Circles` component that wraps the native SVG `<circle>` element. It generates 20 distinct radii and maps them over a 5×5 grid of positions, scaling the entire group by 0.4. ReactDOM mounts the tree to the DOM, and the page uses the UMD production builds of React 16.10.0.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed