Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

6c7c108ce7f9470a9955d964ab1679c9

Animated Scatter Plot with Menus

0 stars1🌍 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