🌍 Public
Viewing a saved revision (read-only)
11b69d9eb60043068f38c5443db79c02
scatter plot with menus polished
This interactive scatter plot lets users explore the Iris flower dataset by selecting which measured attributes (sepal length, sepal width, petal length, petal width) to plot on the x- and y-axes via dropdown menus. The visualization uses React with a functional programming style, rendering SVG circles through a custom `Marks` component. D3's `scaleLinear`, `extent`, and `scaleOrdinal` calculate the axes and color mapping for species. Axes are generated by custom `AxisBottom` and `AxisLeft` components, and each data point includes a tooltip via an SVG `<title>` element.
AI-generated descriptionscatter plot with react and d3
[Data (https://gist.github.com/curran/a08a1080b88344b0c8a7).