{"version":"1.0","type":"rich","title":"Fork of Zoomable Circles with D3-Zoom","description":"This example shows a zoomable bubble chart of six colored circles of varying sizes and positions. It demonstrates how to add pan and zoom interactions to a visualization using the D3.js library. The code uses `d3.zoom` to handle user input and applies the zoom transform to a group element containing the circles. Data is hardcoded as an array of objects with x, y, radius, and fill color properties. The visualization updates its state with the current transform, allowing for smooth interactive exploration of the circular layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cc23bea6b5ba41fe96111a44bdd676e6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}