{"version":"1.0","type":"rich","title":"This is so cool \"Map function inside Map function\"","description":"This example generates a field of 100 randomly scattered circles, each with a size and color derived from its position in a nested loop. The visualization uses React to render an SVG element, with the `map` function applied twice to iterate over an array of numbers, producing overlapping circles that appear scattered across the canvas. The code employs `Math.random` to introduce variability in each circle's x and y coordinates, while the `fill` attribute computes an RGB color value based on the current loop index. The example showcases nested array mapping within a React component to create generative art.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}