Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React Scatter Plot w/ Menus, Color & Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

aba65848dc664fea9ff4e81ecc40120b

React Scatter Plot w/ Menus, Color & Interactive Color Legend

0 stars0🌍 Public
Hhunsingeruk@gmail.com
Last edited Oct 17, 2023
Created on Oct 17, 2023

This interactive React scatter plot visualizes the Iris dataset, letting users select which sepal or petal measurements appear on the X and Y axes via dropdown menus. Each mark is colored by species, and hovering over the color legend highlights matching points while dimming others. Built with d3.v5 scales (scaleLinear, scaleOrdinal) and SVG rendering, it uses React hooks for state management and ReactDropdown for the menus. Data loads asynchronously via d3.csv into a custom useData hook.

AI-generated description

A program that shows the iris data set as a scatter plot with menus, color and interactive color legend.

Data: Iris Data.