{"version":"1.0","type":"rich","title":"\"Map function inside Map function\"","description":"This example shows a grid of colored squares scattered across an SVG canvas, with each square’s position and color determined by nested JavaScript `map` functions over an array of integers from 0 to 100. The inner `map` iterates over the same array inside the outer `map`, generating a square for each combination of coordinates, with random placement and RGB fill values derived from the loop index. Built with React and ReactDOM, the visualization uses SVG `<rect>` elements, with rendering handled via the production React build.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/87ae99537e3d42ed8f24e9e206a8d324?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}