Concentric circles
✓ Published1🌍 Public
A collection of concentric, heart-like vector paths overlaps and randomly scatters across the canvas, creating a dense, colorful field against a spectrum gradient background. The React application maps an array of 300 elements, generating each path with a random translate and scale transform, and fills each with a dynamically computed RGB color based on the loop index. Built with React and ReactDOM, the visualization renders the paths as SVG elements, with the background styled via a CSS linear gradient transitioning from red through orange, yellow, and green to black.
AI-generated descriptionReact Starter code.
MIT Licensed