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)

0f0ac67b1bed441a80fe9f2cf2650a73

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.