Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with categorical data

Public visualization

Viewing a saved revision (read-only)

5f0ead694de9450297764b382d8938a6

Scatter Plot with categorical data

0 stars0🌍 Public
LLouis Astorg
Last edited Aug 9, 2022
Created on Aug 9, 2022

An interactive scatter plot explores the Iris dataset, letting users choose which quantitative or categorical measurements appear on the x-axis via dropdown menus. The visualization updates smoothly with animated transitions between selections, using D3 v6's `selection.join` to handle entering, updating, and exiting circles. The chart renders as SVG, with axes from `d3.axisLeft` and `d3.axisBottom`, while the menu system is built with a reusable `d3.dispatch` pattern. New points grow from radius zero, and updates stagger with a slight delay.

AI-generated description

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

Shows the Iris Dataset.