Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of kaustav of Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

e86a4839a17a467c90dd4c25f91fa108

Fork of kaustav of Animated Scatter Plot with Menus

0 stars0🌍 Public
Ccssergio
Last edited Jun 23, 2022
Created on Jun 23, 2022

This animated scatter plot visualizes the Iris dataset, allowing selection of X and Y axis variables from menus. It uses D3 v6 with SVG rendering, implementing a reusable chart pattern with selection.join for enter, update, and exit transitions. Axis labels animate position changes, circles transition to new coordinates with staggered delays, and a tooltip appears on mouseenter. The scatterPlot module uses scaleLinear and scalePoint for quantitative and categorical axes, with d3.transition for smooth 1000ms animations.

AI-generated description

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

Shows the Iris Dataset.