{"version":"1.0","type":"rich","title":"D3_Episode5_Selectors","description":"This example demonstrates the D3 `select` and data-join pattern for animating a dynamic set of circles in an SVG. The code uses `d3.select`, `d3.range`, and the `join` method to bind an array of generated data points to circles, updating their `cx`, `cy`, and `r` attributes based on a time-varying sine function. The animation runs on a 60fps `setInterval`, with circle count and positions oscillating smoothly. It uses D3 v7 and an SVG rendering approach to show live changer of a group of shapes without user interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/31b858aabeb74f9e872a92d5db17ba9e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}