{"version":"1.0","type":"rich","title":"Fork of JS data joins","description":"A dynamic swarm of circles continuously enters and exits an SVG canvas, with each circle oscillating vertically and changing radius based on a sine wave, creating a pulsing, fluid motion. This animation demonstrates D3 data joins, where the `selection.data()` method binds an array of circle objects to the SVG elements, and the `.join()` method efficiently adds, removes, and updates them. The data originates from custom functions `makeData` and `vizData`, which generate coordinates and radii from the `d3` library, and `setInterval` drives the 60fps loop.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c8c2801932a14fe3a8d9a511b5e46d5b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}