{"version":"1.0","type":"rich","title":"Animated Reusable Scatter Plot with menu","description":"This example demonstrates an animated scatter plot of the Iris dataset, using D3 v6 with React. The plot cycles through different x-axis variables (petal length, petal width, sepal length, sepal width) every two seconds, with circles transitioning smoothly via `selection.join` and `transition`. Species are encoded by distinct symbols from `d3.symbols` and `scaleOrdinal`. The reusable chart function exposes setters like `.xValue()` and `.yValue()` to update the visualization, while axes are redrawn using `axisLeft` and `axisBottom`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/43cab1c24fa040b28bd6a95d47276aa2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}