{"version":"1.0","type":"rich","title":"Intro D3 Workshop","description":"Fifty circles arranged in concentric rings around a central point animate on click. Selecting a circle moves it to the center and increases its count, while all other circles reposition based on their distance from the selected item’s count. The visualization uses D3 v4 scales (`d3.scaleSqrt`, `d3.scaleLinear`) to map data values to radius and color, with SVG circles and 800-millisecond transitions (`transition().duration(800)`). Randomly generated count data drives the layout, and clicking triggers a re-render that updates positions and fills.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-8d898da72c4bbfca575e34e84e7f3f70?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}