Skip to main content
100%

Interactive color legend

✓ Published0🌍 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

MIT Licensed

Similar vizzes