{"version":"1.0","type":"rich","title":"D3 Selections","description":"An animated SVG demonstrates the D3 selection API by updating a set of circles. The visualization shows fifteen circles moving in a sine wave pattern, with their vertical position oscillating over time. The code uses D3’s `select` to target the body element, `range` to generate data, and a `join` operation to efficiently update existing circles based on the incoming data. The animation runs at 60 frames per second via `setInterval`, creating a smooth, continuous motion. The example highlights the workflow of selecting, appending, and merging SVG elements with D3’s data-binding methods.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/364acdf6429247798e547ef9459288fb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}