🌍 Public
Viewing a saved revision (read-only)
fbd5eb90440b4b27a30071d25c5af19c
Stylized Scatter plot
This example visualizes the classic Iris dataset, plotting sepal length against sepal width as a scatter plot. The data is loaded as CSV using `d3.csv` and rendered as SVG circles within a React component. Linear scales via `d3.scaleLinear` and `d3.extent` map the data to the chart area, with axes generated by custom React components using `xScale.ticks()`. The visualization uses a clean, stylized design with the Poppins font, teal marks, and labeled axes, while native SVG `<title>` elements provide tooltips.
AI-generated descriptionA program that shows scatterplot of the iris dataset
Data: The Iris Dataset