{"version":"1.0","type":"rich","title":"JavaScript Arrays","description":"This example shows a looping animation of fifteen circles moving in a sine-wave pattern across an SVG canvas. The circles are generated and repositioned every 50 milliseconds using `setInterval`, with each circle’s vertical position calculated from `Math.sin(d * 0.5 + t)` and multiplied by 220. The code uses `d3.select`, `d3.range`, and the `.join` method to bind incoming data to existing SVG elements, while `d3.attr` updates the `cx` and `cy` coordinates. The animation runs indefinitely, with `t` incrementing by 0.1 each frame to create the wave effect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/85fcbd9a08ee4fd5861da44c71bf8667?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}