Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

scatter plot with react and d3

Public visualization

Viewing a saved revision (read-only)

ece635d69fe24d6dbb55d510b8b974c8

scatter plot with react and d3

0 stars2🌍 Public
MMohammed Banani | MbDev
Last edited May 7, 2022
Created on May 7, 2022

This scatter plot displays the relationship between sepal length and sepal width from the classic Iris dataset, with each point representing a flower specimen. Built with React and D3 v5, the visualization renders as an SVG using `scaleLinear` for both axes, with `extent` computing the domains from the CSV data loaded via `csv`. The implementation separates axes and marks into reusable components, while a native SVG `<title>` element provides tooltip functionality.

AI-generated description

scatter plot with react and d3

[Data (https://gist.github.com/curran/a08a1080b88344b0c8a7).