Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot - TN

Public visualization

Viewing a saved revision (read-only)

9af6cad8d3104ed4a843bc7b32691f70

Reusable D3 Scatter Plot - TN

0 stars0🌍 Public
TToly
Last edited Dec 30, 2022
Created on Dec 30, 2022

This reusable scatter plot visualizes the Iris Dataset, mapping petal width against sepal length with animated transitions. It cycles through four attribute combinations every two seconds using `setInterval`. The chart is built with D3 v6, employing `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and data joins via `selection.join`. SVG circles update positions smoothly, while axes persist through idempotent re-rendering. The code follows a reusable chart pattern with setters for width, height, data, and margin, as demonstrated in Bostock’s "Towards Reusable Charts."

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.