Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable (ProD3.js) Animated Scatter Plot with Menus v3

Public visualization

Viewing a saved revision (read-only)

2532abaf9c6d4379b2bb95178d21ec80

Reusable (ProD3.js) Animated Scatter Plot with Menus v3

0 stars1🌍 Public
JJimMaltby
Last edited May 25, 2022
Created on Apr 19, 2022

This animated scatter plot visualizes the Iris dataset with interactive menus for selecting different measurement variables. Built with D3.js v6, it uses a reusable chart pattern with `d3.scaleLinear` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.transition` to animate updates when menu selections change. The SVG rendering includes dynamic circle positioning and axis transitions, demonstrating the selection.join pattern for smooth data-driven updates.

AI-generated description

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

Shows the Iris Dataset.