Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylised Scatter Plot

Public visualization

Viewing a saved revision (read-only)

4210f5eeffaf4564a59658a68243280a

Stylised Scatter Plot

0 stars4🌍 Public
HHollyClarke19
Last edited Mar 22, 2021
Created on Mar 11, 2021
Forked from stylised bar chart

A stylised scatter plot displays the relationship between petal length and sepal width from the Iris dataset, rendered as an SVG using React. The visualization uses D3's `scaleLinear` and `extent` functions to map data values to pixel coordinates, with axes generated by custom `AxisBottom` and `AxisLeft` components. Point positions are plotted via `Marks` circles, with tooltips showing formatted values. The data is loaded through D3's `csv` function from a GitHub Gist, and styling is applied via Poppins font and teal-colored marks.

AI-generated description

A scatter plot showing the Iris dataset and the relationship between Petal Length and Sepal Width (adaptable to any variable) using D3 and React.