{"version":"1.0","type":"rich","title":"Concentric circles","description":"A field of overlapping concentric-circle shapes scatters across the screen. The number of shapes and their positions are determined by a loop that generates 300 copies, each translated randomly along the X and Y axes using `Math.random()` calls. The SVG `Path` component, defined in a separate file, draws a flower-like form with concentric circles for each instance. React manages the rendering, while the CSS background applies a vertical gradient from red through orange, yellow, and green to black.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c3e4adc7ebf44e9b87bf0eff101bfe96?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}