{"version":"1.0","type":"rich","title":"Fork of Bouncy Wave (harnessing the group element)","description":"This example shows a bouncy wave formed by a series of circles whose vertical positions and radii oscillate over time, while a line path traces through their centers. It demonstrates how to efficiently update a visualization by reusing a single group element via `selection.join()`, binding new data each frame. The animation runs through `setInterval`, updating a time variable that drives the data generation in `makeData`. The code uses D3 v6 APIs such as `select`, `line`, and `.join()` to append and update circles and a path within an SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b217b98650f94ee99cffc25339e32304?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}