Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

f835755d886f4ba0bb6dee31b4150460

Fork of Interactive Color Legend

0 stars0🌍 Public
Rrajibbanerjee
Last edited Feb 14, 2023
Created on Feb 14, 2023

This interactive scatter plot visualizes the Iris Dataset, mapping petal length against sepal width while color-coding data points by species. Hovering over a species name in the color legend highlights only that species' points and fades the rest, using React state and event handlers. Built with React and d3.scaleOrdinal, d3.scaleLinear, and d3.extent, the SVG rendering includes custom axes and a color legend component. The code loads CSV data via d3.csv and displays tooltips through SVG `<title>` elements.

AI-generated description

A scatter plot of The Iris Dataset.