Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

a885ad6f2b764162a6b7a5a7a3b08ce2

Fork of Animated Scatter Plot with Menus

0 stars0🌍 Public
Yyisha huang
Last edited Dec 3, 2024
Created on Jul 3, 2024

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which flower measurements to display on the x and y axes. The visualization is implemented in React with D3 v6, using an SVG rendering approach where circles represent individual data points. Through dropdown menus, users can switch between sepal and petal dimensions, triggering smooth 1000ms transitions that animate the points to their new positions. The chart’s axes also update dynamically to reflect the current data selection, leveraging D3's scale functions and transition API for fluid interactions.

AI-generated description

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

Shows the Iris Dataset.