{"version":"1.0","type":"rich","title":"Animated Reusable D3 Scatterplot","description":"This example demonstrates an animated scatterplot that cycles through different Iris flower measurements every three seconds, smoothly transitioning the positions of 150 data points. Built with D3.js (v7.9.0), it uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `transition` to re-map the x-axis and animate circle positions with staggered delays. The reusable `scatterPlot` component is configured via a fluent interface, rendering SVG marks inside a fixed viewport that spans the entire browser window, with data loaded from a remote CSV file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf3446ee344f4c51b596d1ddffe4eb99?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}