This scatter plot visualizes the iris dataset, plotting sepal length against sepal width, with each point as a hoverable circle. Built with React and D3 v6, it renders to SVG, using `scaleLinear`, `extent`, and `format` from D3 for scaling and tick labels. The axes are custom components (`AxisBottom`, `AxisLeft`), and the chart uses a teal fill for points, with a custom Google Font. The data is loaded asynchronously from a CSV via `d3.csv` and converted to numeric values.