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)

e177930c49b24874a5326a029c887c8f

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
PPlatoch
Last edited Mar 27, 2022
Created on Mar 27, 2022

The visualization displays the Iris Dataset as a scatter plot, animating between four measurement variables every two seconds. It uses D3 v6’s `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` loader. The reusable chart pattern, inspired by Bostock’s “Towards Reusable Charts,” configures width, height, margins, and radius via getter-setter methods. SVG circles and axes update in-place through `selection.join`, while `setInterval` cycles the x-axis variable among petal width, sepal width, petal length, and sepal length.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.