Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylised Scatter Plot

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed