{"version":"1.0","type":"rich","title":"Arrays Practice","description":"A grid of 15 circles moves in a sine wave pattern across the screen, updating 60 times per second. The animation demonstrates array manipulation with D3.js, where each circle's position is calculated from its index in the data array using trigonometric functions. The SVG rendering uses D3's `select` and `range` APIs to create and update circles dynamically, with spacing based on index and vertical offset from `Math.sin`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b1916cf68b1948dd89187cb57d774302?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}