Skip to main content
100%

Animated Scatter Plot with Menus

✓ Published1🌍 Public
Nnim@brejnholt.dk
Last edited Feb 8, 2024
Created on Feb 5, 2024

This example uses the D3.js library to render an animated scatter plot of the Iris flower dataset, where each point represents a sample and its position is determined by selected flower measurements. The visualization includes two dropdown menus for choosing which measurement (petal or sepal width/length) to plot on the X and Y axes. When a menu selection changes, the scatter plot smoothly transitions circles to their new positions over one second using D3 transitions, with a unique staggered delay between points. The plot axes also update dynamically to reflect the new data ranges.

AI-generated description
MIT Licensed

Similar vizzes