{"version":"1.0","type":"rich","title":"Exercise 9 Animate Dynamic D3 scatterplot","description":"This example shows an animated scatterplot of the Iris dataset, cycling through different numeric columns on the x-axis every three seconds. The code uses D3 v7 with SVG rendering and the `selection.join` pattern to handle enter, update, and exit transitions. Circles enter by growing from radius zero, update their positions via synchronized `transition` objects, and exit by removal. The x-axis and label also animate through D3 transitions, while scales use `d3.scaleLinear` and axes are drawn with `d3.axisBottom` and `d3.axisLeft`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7e776c235b3e432fbbe64ce1c2057cad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}