Viewing a saved revision (read-only)
a885ad6f2b764162a6b7a5a7a3b08ce2
Fork of Animated Scatter Plot with Menus
This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which flower measurements to display on the x and y axes. The visualization is implemented in React with D3 v6, using an SVG rendering approach where circles represent individual data points. Through dropdown menus, users can switch between sepal and petal dimensions, triggering smooth 1000ms transitions that animate the points to their new positions. The chart’s axes also update dynamically to reflect the current data selection, leveraging D3's scale functions and transition API for fluid interactions.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.