{"version":"1.0","type":"rich","title":"Circles Pack","description":"A grid of concentric circle packs, each rendered with a red stroke, semi-transparent fill, and varying radii, fills an SVG viewport. The visualization uses React components to generate a 10x10 matrix of circle clusters, with each cluster positioned at coordinates derived from an array of values. The circles are drawn using SVG `<circle>` elements via the custom `Circles` component, which accepts props for radius, position, stroke, and opacity. The code leverages React’s declarative rendering and JavaScript array mapping to systematically plot 100 nested circle groups.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2cf7b41802ce484f80212b173fabcafa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}