{"version":"1.0","type":"rich","title":"Concentric circles -linear gradient","description":"A generative visualization renders concentric circles with a linear gradient background. The React component maps over 50 array indices and nested pixel values to position 2,500 semi-transparent circles, using trigonometric functions and random scaling to scatter them from the center. Each circle applies a radial gradient via SVG `<radialGradient>` and a drop-shadow filter. The SVG output uses React’s `createElement` under the hood, with colors derived from index-based RGB values and random opacity, creating a layered, luminous effect against the teal-to-grey backdrop.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/677b1e28e19c42379631b504f2036317?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}