{"version":"1.0","type":"rich","title":"Concentric circles -linear gradient","description":"A field of concentric circles uses overlapping radial gradients and randomized placement to create a textured, three-dimensional effect. The React component generates 100 rings per angle, applying a linear gradient background and a drop shadow filter to each SVG circle. The `radialGradient` definition with stops for yellow, gold, and brown tones gives the circles a metallic, Saturn-like appearance. JavaScript's `Math.random()` controls both the radius and the x/y offsets, producing an organic, non-uniform distribution across the 960×500 viewport. The rendering relies on React's declarative JSX syntax to map over arrays of pixel positions and circle definitions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/273fc5c410314a53af683fd72b062599?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}