{"version":"1.0","type":"rich","title":"D3 Selection exercise","description":"This example demonstrates D3 selection and data-join concepts through an animated line chart with pulsating circles. The visualization renders two stacked SVG layers, with the lower layer drawing a sine wave using `d3.line` and the upper layer displaying circles whose radii scale with their y-position and x-coordinate. Colors cycle through a rainbow palette based on each circle's vertical position. Using `d3.select`, `d3.range`, and sequential joins, the code updates the visualization at 60 frames per second via `setInterval`, with transitions on circle fill attributes creating smooth color changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/78a688921c6e4d9a86521ef46c612771?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}