🌍 Public
Viewing a saved revision (read-only)
ac91294f42a549be8a6a2cf6d7bf18d9
This is so cool "Map function inside Map function"
NNita
Last edited Feb 25, 2020
Created on Feb 25, 2020
This example shows a dense scatter of colored circles rendered as an SVG inside a React application, where the circles overlap and vary in position and hue based on computed values. The visualization uses React’s `map` function nested twice to iterate over an array of numbers from 0 to 100, generating thousands of circle elements with random coordinates and RGB fill colors. Rendering relies on ReactDOM and raw SVG elements, with no external charting library, demonstrating how pure React can handle data-driven SVG generation.
AI-generated descriptionThese are the circles created with react.