{"version":"1.0","type":"rich","title":"Compact circles","description":"A dense cluster of semi-transparent circles is generated inside a larger, faint reference circle. The visualization maps a simple numerical array to both the x and y coordinates of each small circle, producing a grid-like arrangement that appears to form a compact, filled area. Using React and SVG, the `Array.map` loops iterate over the same values for both axes to place the circles, while an `if` condition filters which circles render based on their position relative to the larger circle's radius. The rendering relies on React's `ReactDOM.render` to display the SVG output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/afe833df4e1341beb2589138b12aefe1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}