{"version":"1.0","type":"rich","title":"Concentric circles -linear gradient","description":"This example renders concentric circles with a linear gradient background, creating a visual field of overlapping, transparent rings. The React component `Circles` outputs SVG `<circle>` elements, positioned using trigonometric calculations with random multipliers in the `index.js` file. The circles use the `radialGradient` definition to fill with a Saturn-like color scheme, while a drop shadow filter adds depth. The rendering is driven by React’s `ReactDOM.render` into an SVG element, with the background set via CSS linear gradient.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5115b2dece34dee8d9021edfc35f3db?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}