{"version":"1.0","type":"rich","title":"JS arrays","description":"This example animates a set of circles connected by a line, with the circles moving in a wave-like pattern. The number of circles oscillates between 5 and 15, and their vertical positions and radii change over time, creating a fluid, dynamic visualization. The animation runs at 60 frames per second using `setInterval`, updating the scene with each tick. It leverages D3’s `select` and `range` to generate data, and D3’s `line` generator to draw the connecting path, while react manages the updates through SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b42cfe1320a24fefb0f0346b340dac48?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}