Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot including Species

Public visualization

Viewing a saved revision (read-only)

2db83b95a20346198c67b198c6450803

Scatter Plot including Species

0 stars0🌍 Public
Mmaxthamt
Last edited Jun 12, 2021
Created on Jun 12, 2021

This interactive scatter plot visualizes the Iris Dataset, allowing users to dynamically explore relationships between sepal and petal measurements across species. The visualization uses D3.js v6 APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` to animate point movements and axis updates over 1-second durations. Two drop-down menus, built with a custom reusable `menu` component that utilizes `dispatch` for change events, let viewers select which quantitative variables to plot on the x and y axes. The SVG rendering uses the `join` pattern to smoothly transition existing circles to new positions while animating new points growing from radius zero.

AI-generated description

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

Shows the Iris Dataset.