Viewing a saved revision (read-only)
5869b90e2ffd4229a7c2c979557e3e5f
assignment 2 4q
This animated scatter plot cycles through pairs of Iris flower measurements every two seconds, swapping the x-axis variable among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render circles and axes from the Iris dataset loaded via `d3.csv`. The reusable chart pattern, defined in `scatterPlot.js`, updates in place when the interval triggers a new `svg.call(plot)` with changed accessor functions, producing a smooth transition of measurement comparisons.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts.
Shows the Iris Dataset.