🌍 Public
Stylised Scatter Plot
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 descriptionA scatter plot showing the Iris dataset and the relationship between Petal Length and Sepal Width (adaptable to any variable) using D3 and React.
MIT Licensed
Comments
Sign in to join the discussion.