{"version":"1.0","type":"rich","title":"Functions in JS of D3 Starter","description":"This example demonstrates a generative animation of circles floating across the browser window. A sine wave controls both the number of circles and their vertical position, creating a smooth, undulating motion. Using D3 version 7, the code selects the empty SVG element and dynamically joins circle elements, updating their `cx`, `cy`, and `r` attributes each frame. The animation runs on a 60 FPS interval, directly manipulating SVG attributes in a minimal, function-based approach without any data source.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/41be3d94dc6f49639975f498cc84ccc0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}