Skip to main content
100%

Scatter Plot including Species

✓ Published0🌍 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.

MIT Licensed

Similar vizzes