{"version":"1.0","type":"rich","title":"D3 Selection Exploration","description":"This example presents an animated scatter plot and line chart driven by a sinusoidal wave. A set of circles and a connecting path update 60 times per second, with the number of points oscillating between five and fifteen and their vertical positions shifting over time. Built with React and D3.js, the code uses `d3.select`, `selectAll`, and `join` to bind data to SVG elements, while `d3.range` generates the sequence and `d3.lineGenerator` computes the path’s geometry. All rendering occurs in SVG with smooth, real-time animation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6cedfce5c3334635848043d2e3839590?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}