Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus Including Species

Public visualization

Viewing a saved revision (read-only)

48071ef8970f4e148d90853397fc0eeb

Scatter Plot with Menus Including Species

0 stars0🌍 Public
OOleg Zhernovoy
Last edited Dec 28, 2022
Created on Dec 28, 2022

This interactive scatter plot visualizes the Iris dataset, letting users switch both axes between sepal and petal measurements or categorical species. The D3 v6 code builds reusable `menu` and `scatterPlot` components, using `scaleLinear` and `scalePoint` for quantitative and categorical axes. When a menu changes, `selection.join` animates circles and axes via `transition`, with circles fading in and repositioning to reflect the new dimensions. SVG rendering with opacity-controlled points reveals data density.

AI-generated description

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

Shows the Iris Dataset.