{"version":"1.0","type":"rich","title":"D3 Join Exploration 2","description":"This example demonstrates real-time animated data joins in a browser window. It uses D3’s `select` API to create an SVG canvas and repeatedly updates a dataset of circles via `setInterval`. The code explicitly exercises the `.join('circle')` method to bind new data to existing SVG circle elements, transitioning their `cx`, `cy`, and `r` attributes based on a sine wave function. The visualization shows smooth, continuous motion of circles while also varying their count (from 5 to 15) over time, all rendered as vector shapes. D3’s `range` utility generates the underlying numeric sequence for the dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/73a53aa3c2f445e3b76bb92e9aaef30b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}