{"version":"1.0","type":"rich","title":"moving sine","description":"This example shows 15 circles moving in a sine wave pattern across the screen, with their vertical positions oscillating smoothly over time. A static green square sits in the corner as a fixed reference point. Built with D3 version 7 and rendered as SVG, the animation updates every 1000/60 milliseconds using `setInterval`. Each circle’s y-coordinate is calculated as `250 - Math.sin(d * 0.5 + t) * 220`, and its radius varies via `Math.sin(d.i * t / 20)`. The visualization uses D3’s `select`, `range`, and `.join` API to manage the dynamic circle elements efficiently.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a92e4960becc4d1fa093bc92df41ce8a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}