🌍 Public
Viewing a saved revision (read-only)
61f3a65bed0849d1b01e5c43fb59521a
Polished scatterplot with menus
This example visualizes the Iris dataset as a scatterplot, with interactive dropdown menus allowing viewers to select which flower attributes appear on the X and Y axes. Built with React and D3.js v5, it uses `d3.scaleLinear` and `d3.extent` to map data values to SVG coordinates, with axes rendered as custom React components. Data loads asynchronously via `d3.csv`, and hover tooltips display formatted values using SVG `<title>` elements. The interface is styled with the Poppins font and the react-dropdown library.
AI-generated descriptionA program that shows scatterplot of the iris dataset
Data: The Iris Dataset