Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Scatter Plot with Menus

Public visualization

Animated Scatter Plot with Menus

0 stars0🌍 Public
DDenise Mauldin
Last edited Aug 26, 2021
Created on Aug 26, 2021

This interactive scatter plot visualizes the Iris flower dataset, letting users explore relationships between four measurements and species. Two dropdown menus, built with a custom D3 reusable menu component, change the x and y axes. The scatterPlot uses `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `selection.join` with `d3.transition` to animate points as scales update, with circles entering by growing from radius zero and exiting removed.

AI-generated description

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

Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed