Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

scatter plot with menus polished

Public visualization

Viewing a saved revision (read-only)

1ce8692a69164d09842b2cb4271b21b7

scatter plot with menus polished

0 stars1🌍 Public
MMohammed Banani | MbDev
Last edited May 10, 2022
Created on May 10, 2022

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 description

scatter plot with react and d3

[Data (https://gist.github.com/curran/a08a1080b88344b0c8a7).