{"version":"1.0","type":"rich","title":"D3 Selection Exploration","description":"This example demonstrates real-time selection and animation with D3.js, displaying a set of circles that move based on a sine wave. The code uses `d3.select` to target the SVG container and `d3.range` to generate data points, then applies D3’s `.join()` method to handle enter, update, and exit states for the circles. The animation runs at 60 frames per second with `setInterval`, updating each circle’s x and y position based on time, while the `r` attribute is set only on initial entry.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}