{"version":"1.0","type":"rich","title":"Animated D3 Scatter Plot including species","description":"This animated scatter plot, built with React and D3, visualizes the classic Iris flower dataset. Users can dynamically select which quantitative measurements (sepal length/width, petal length/width) or the categorical species label to map to the x and y axes via interactive dropdown menus. The visualization employs SVG circles with a 20% opacity, and when axes are changed, the points smoothly transition to their new positions over a one-second duration using D3's `transition` and staggered delays. The code uses D3 modules including `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `extent` to handle scaling, axes, and data domains, with data loaded from a GitHub-hosted CSV file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/08670288905d445397efc3a9ecf1da7e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}