🌍 Public
Viewing a saved revision (read-only)
6e1c572c1d4c4da9ba283c2454eff6cd
animated Scatter Plot with menus
This animated scatter plot displays the Iris dataset, showing how the relationship between sepal and petal measurements changes. Users select which variables to plot on the x- and y-axes via two dropdown menus at the top. Built with D3.js, the visualization uses reusable functions (`scatterPlot` and `menu`) to manage state and rendering. When a new variable is chosen, the circles and axes transition smoothly over one second using `d3.transition`, with data bound via `selection.join` for enter, update, and exit handling. The SVG rendering uses linear scales and axis generators from D3.
AI-generated description