{"version":"1.0","type":"rich","title":"Fork of Fork of Circles with D3","description":"This example demonstrates how to create and manipulate circles within an SVG container using D3.js. The code uses the `select` method and the `.join()` pattern to manage DOM elements, setting circle attributes like position, radius, and fill color from a data array containing coordinates and color values. It also implements interactive features, including click and mouseover event handlers that log circle names and update a tooltip element. The `container.clientWidth` and `container.clientHeight` properties determine the SVG’s dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/18713fca7f42423f9c70cf2ffc0f1b3e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}