Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter plot

Public visualization

Viewing a saved revision (read-only)

afad89b0f6cb4102bde9618f5ed27d36

Reusable D3 Scatter plot

0 stars0🌍 Public
JJuan Corrales Correyero
Last edited Sep 21, 2023
Created on Sep 20, 2023
Forked from D3 Scatter plot

This reusable scatter plot visualizes the Iris dataset, showing the relationship between petal width and sepal length across iris species. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` APIs to render SVG marks with distinct symbol shapes for each species, such as circles, crosses, and diamonds. The chart is built as a customizable function following the “Towards Reusable Charts” pattern, with setters for dimensions, margins, data accessors, and symbol size. Data is loaded from a GitHub Gist containing Fisher’s classic measurements.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.