{"version":"1.0","type":"rich","title":"D3 Selection Exploration","description":"A grid of ten circles undulates vertically in SVG, their radii and positions governed by sine waves. This animation explores D3's data joins by using `d3.selectAll`, `data`, and `.join('circle')` to bind an array generated with `range` to the circles. The setInterval-driven loop updates positions every 100ms, demonstrating how enter, update, and exit selections work, with the circle count oscillating between five and fifteen.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c9653911de3c4096a65eaf37010f094e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}