{"version":"1.0","type":"rich","title":"Fork of Draggable Circles with D3-Drag","description":"A set of six multicolored circles can be freely dragged across a light green canvas, with each circle maintaining its size and color while moving. The visualization uses d3-drag, imported from the d3 library, to handle pointer events and update circle positions in real time. State management via a setState function tracks the circle data, and each drag event maps the dragged circle’s ID to new x and y coordinates. The circles are rendered as SVG elements with specified radii, fills, and opacity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/05ea9081ef9e4fd58393fabb73d65f7a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}