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)

3c7cacdafd9c4b3cac1d78b3b92c0cae

Fork of Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
Zzhuomo-maker
Last edited Jun 26, 2023
Created on Jun 25, 2023

This example is a reusable, animated scatter plot of the Iris dataset, cycling through different flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every three seconds. It uses D3 v6 with an SVG rendering, scaling points via `d3.scaleLinear` and `d3.extent`. Transitions animate circle positions with a staggered delay and axis updates, using `selection.join` for enter, update, and exit phases. The code demonstrates a configurable chart factory pattern, similar to Bostock's reusable charts, with data loaded from a CSV via `d3.csv`.

AI-generated description

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

Shows the Iris Dataset.