{"version":"1.0","type":"rich","title":"Concentric circles -linear gradient","description":"This example generates a dense, abstract field of concentric circles with a linear gradient background transitioning from dark blue to grey. The visualization employs a nested loop structure to map 80 angular steps and 80 radial steps, computing each circle’s position with trigonometric functions and randomized offsets. The React component `Circles` renders individual SVG `<circle>` elements, using a radial gradient definition (`#gradient-Saturn`) for fills and a drop-shadow filter. The `fill` property is dynamically assigned in `index.js` via a `radialGradient`, while the SVG canvas measures 960 by 500 pixels. The code relies on React’s `ReactDOM.render()` and maps over arrays to produce the pattern.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/45b07aa811464c809524b316d66eb0a2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}