{"version":"1.0","type":"rich","title":"Compact circles","description":"Compact circles arranges a grid of small, semi-transparent circles within a larger bounding circle, creating a compact, circular pattern with a soft, overlapping visual texture. The example uses React to render an SVG scene, computing a two-dimensional array of coordinates and filtering points based on distance from the center to keep them inside the outer radius. React’s declarative `map` functions generate the circle elements, while SVG attributes control size, position, and opacity. The code relies on React's `ReactDOM.render` and raw SVG components, with no external data source beyond programmatic coordinate generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2835ae95b5104f85a6459b3881d3b57d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}