{"version":"1.0","type":"rich","title":"Concentric circles","description":"Concentric circles is a generative visualization that arranges overlapping circles into a dense, radial pattern centered on the screen, with each circle colored by a gradient from yellow to brown. The example uses React and SVG, with a `Circles` component rendering individual `<circle>` elements. The code calculates circle positions using cosine and sine functions over an array of indices and multiples of 50 pixels, while a radial gradient defined in `<defs>` and a drop shadow filter add visual depth. Fifty circles are drawn for each of fifty angles, creating a vibrant, flower-like composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/251e93280e974746a3bfce94eb9f5a35?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}