Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

1447e59e67de444baae73423fc301d47

Fork of Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
YYUTONG FENG
Last edited Jun 17, 2021
Created on Jun 17, 2021

This animated scatter plot visualizes the Iris dataset, cycling through four measurement dimensions—petal width, sepal width, petal length, and sepal length—every three seconds. Each of the 150 data points represents a flower, with its position and axes updating smoothly. The visualization uses D3 v6 with `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `transition` to animate both the circles and axes. Rendering is SVG-based, with a reusable `scatterPlot` function that handles entering, updating, and exiting elements via selection.join.

AI-generated description

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

Shows the Iris Dataset.