Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Idempotent D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

4a10e23afad447d8a0a80fde3fe77b29

Idempotent D3 Scatter Plot

0 stars0🌍 Public
JJuanmaBV
Last edited Oct 27, 2022
Created on Oct 27, 2022

This scatter plot visualizes the Iris dataset with SVG circles representing flowers, animated via `transition()`. A reusable chart function built with D3 v6 scales axes using `scaleLinear` and `extent`, rendering axes with `axisLeft` and `axisBottom`. Clicking the button cycles the x-axis variable among petal width, sepal width, petal length, and sepal length, updating the plot idempotently through `selection.call()`. Data loads from a remote CSV, with parsing for numeric values.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.