Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Grid Menus Animated Species Stratified Scatter Plot

Public visualization

Viewing a saved revision (read-only)

0aedbb09195e45dc92b38d9cae70b7aa

Grid Menus Animated Species Stratified Scatter Plot

0 stars0🌍 Public
AAleOG
Last edited Apr 27, 2023
Created on Apr 27, 2023

This interactive scatter plot visualizes the Iris dataset, showing measurements of sepal and petal dimensions for three flower species. Users can dynamically switch the x-axis and y-axis variables via dropdown menus, and filter the displayed species, with circles smoothly animating between positions as axes change. When filtering, points for excluded species animate their radius to zero and are removed, while included species fade in with color coding (orange, blue, red). Built with D3 v6, it uses `selection.join` for enter-update-exit transitions and `d3.transition` for animated updates, with scales created via `d3.scaleLinear`.

AI-generated description

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

Shows the Iris Dataset.