{"version":"1.0","type":"rich","title":"Overlapping Circles","description":"Black and white circle pairs populate an interactive canvas, each pair linked by a shared offset and move together when dragged. Sliders adjust circle radius and total count in real time, while a shuffle button randomly relocates all pairs and double-clicking animates a single pair to a new position. The visualization uses D3.js v3 with SVG elements, d3.behavior.drag for dragging, and transition-based shuffling, drawing data from randomly generated coordinates within a React-rendered HTML page.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-8fb0a7dccf959b8e5e7963f593bd432a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}