Skip to main content
100%

Fork of Animated Reusable D3 Scatter Plot

✓ Published0🌍 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.

MIT Licensed

Similar vizzes