{"version":"1.0","type":"rich","title":"D3 Selections","description":"Fifteen yellow circles animate in a sine-wave pattern across a black canvas, with their vertical position, radius, and opacity oscillating over time. The visualization demonstrates declarative selection and joins in d3 v7.8.5's `select`, `range`, and `.join` methods within a React framework, rendering SVG elements and updating them on a 100-millisecond interval using `setInterval`. The code manipulates circle attributes such as `cx`, `cy`, `r`, `fill`, and `opacity` directly through chained `.attr` calls.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9757fd60923c42a0bd1e3150a0021718?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}