Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive color legend

Public visualization

Viewing a saved revision (read-only)

0c44db05229f4a63811acf22de9dcb60

Interactive color legend

0 stars0🌍 Public
MMinh Luong
Last edited Jan 15, 2022
Created on Jan 10, 2022

This interactive scatter plot visualizes the Iris dataset, displaying sepal width against sepal length with points colored by species via a D3 ordinal color scale. Hovering over the color legend highlights the corresponding species by increasing opacity of matching circles while dimming others. The visualization uses React with the d3.scaleLinear and d3.scaleOrdinal APIs, rendering SVG elements through React components. Data is loaded asynchronously with d3.csv, and interactivity is managed through React’s useState hook for tracking hovered values.

AI-generated description

A scatter plot of The Iris Dataset