Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualization with iris datasets

Public visualization

Viewing a saved revision (read-only)

b5932d986b5e4612a8e318ab2fd5ab65

Visualization with iris datasets

0 stars0🌍 Public
RRoey-Wu
Last edited Sep 29, 2022
Created on Sep 29, 2022

This interactive scatter plot visualizes the Iris dataset, letting users switch which flower measurements appear on the x- and y-axes via custom dropdown menus. Colored circles represent individual flowers, with colors mapping to species via a `d3.scaleOrdinal`. The reusable chart component uses `d3.scaleLinear` for axes, `selection.join` for enter/update/exit transitions, and animated transitions (`transition().duration(1000)`) to smoothly reposition and grow points when selections change.

AI-generated description

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

Shows the Iris Dataset.