Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of reusable D3 scatterplot

Public visualization

Viewing a saved revision (read-only)

e5b7559aa8dd41e4a44c2d0222eb2374

Fork of reusable D3 scatterplot

0 stars1🌍 Public
SSamuele Greco
Last edited Feb 10, 2022
Created on Feb 10, 2022

This fork of a reusable D3 scatterplot visualizes the Iris dataset, encoding sepal length and petal width with positions onto an SVG canvas while symbol shapes and colors both map to the species category. The code builds custom plot margins and axes using `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`. It demonstrates a reusable chart pattern in React, where the scatter plot component exposes setter methods for dimensions, data accessors, and margins. Data is loaded asynchronously via `d3.csv` and parsed into numeric values before rendering.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.