{"version":"1.0","type":"rich","title":"D3 Selection Exploration (Final)","description":"This example demonstrates animated data binding with D3 selections, showing fifteen circles that continuously move, resize, and shift color based on a time-driven sinusoidal pattern. The visualization updates at 60 frames per second via `setInterval`, with each frame regenerating fresh data through the `makeData` function. D3’s `selectAll().data().join()` pattern in `vizData.js` binds the new data to existing SVG circle elements, updating their `r`, `cx`, `cy`, and `fill` attributes. The code uses D3 v7 modules `select` and `range`, rendering entirely as SVG animation driven by the time variable `t`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/57cea0958c2f4cd097c78ed8ac2f9b4e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}