Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

c412a491532a41d5bffea68fa6ff9a6c

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Aamiralitah
Last edited Jun 29, 2022
Created on Jun 29, 2022

This scatter plot animates through different x-axis variables from the Iris Dataset, cycling between petal width, sepal width, petal length, and sepal length every two seconds via `setInterval`. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `selectAll('circle').data(marks).join('circle')` updates the SVG circles. The reusable chart pattern from Bostock’s "Towards Reusable Charts" is implemented through getter-setter functions in `scatterPlot.js`.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.