🌍 Public
Viewing a saved revision (read-only)
e2816e9fad244a1c86e2b20747d179c5
Iris Scatter Chart with Menus
This interactive scatter chart displays the classic Iris flower dataset, plotting sepal and petal measurements as SVG circles with dropdown menus to switch which measurements appear on the x- and y-axes. Built with React hooks, the chart uses d3.scaleLinear for both axes and d3.extent to compute domains from the CSV data loaded via d3.csv. The axes are rendered as custom React components that map tick values to SVG lines and text labels, while each data point includes a native title element for hover tooltips.
AI-generated descriptionIris Scater Chart [Iris Data] (https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/0e7a9b0a5d22642a06d3d5b9bcbad9890c8ee534/iris.csv)