{"version":"1.0","type":"rich","title":"animating data","description":"Animated circles move in a sine-wave pattern across the screen, with the number of visible circles oscillating over time as they enter and exit the view. The visualization demonstrates D3's data join pattern using `d3.range` to generate positional data and `selection.join()` to handle enter, update, and exit selections. Running at 60 frames per second via `setInterval`, it renders SVG circles whose x and y coordinates are computed from a continuously incrementing time variable `t`. The example highlights the concise syntax of D3 v7's join method compared to manual merge operations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dbfcc7edc9114793a6d0c6627cb3730e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}