Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menu Animations

Public visualization

Viewing a saved revision (read-only)

6aeda773905b4483b0d82c9f41bf7277

Scatter Plot with Menu Animations

0 stars0🌍 Public
DDasbach.EJ
Last edited May 30, 2021
Created on May 29, 2021

This interactive scatter plot displays the classic Iris dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers independently select which numeric column appears on the X and Y axes, triggering smooth animated transitions of the data points and axis scales. Built with D3 v6, the visualization uses `scaleLinear`, `transition` for the 1-second animations, and the `selection.join` API to efficiently manage the SVG circles as data mappings change. Each circle animates its position with a slight per-point delay, creating a cascading effect during updates.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.