Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Grid Menus Animated Species Stratified Scatter Plot

Public visualization

Viewing a saved revision (read-only)

024a3e9bc96f4b819443f0ed53414dac

Fork of Grid Menus Animated Species Stratified Scatter Plot

0 stars0🌍 Public
PPeiyang Li
Last edited May 2, 2023
Created on May 2, 2023

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between flower measurements through dropdown menus for x, y, and species selection. The plot renders SVG circles with animated transitions, where points grow from radius zero upon appearance and smoothly reposition when axes change. Selecting a specific species filters the display to show only those data points in salmon while other selections show all species in blue. The implementation uses D3 v6's `selectAll().join()` pattern for efficient SVG element updates, `transition()` for animations, and modular chart and menu components built with `dispatch` events.

AI-generated description

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

Shows the Iris Dataset.