Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

scatter plot with menus polished

Public visualization

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).

Comments

Sign in to join the discussion.

MIT Licensed