Skip to main content
100%

Interactive Color Legend

✓ Published0🌍 Public
RRajat Dangat
Last edited Mar 28, 2021
Created on Mar 28, 2021

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width, with points colored by species. The visualization includes an interactive color legend on the right that allows users to highlight specific species by hovering over the legend items. When a legend item is hovered, the corresponding species’ points remain at full opacity while all other points fade to 20% opacity. The chart is built using React with D3 scales (`d3.scaleLinear`, `d3.scaleOrdinal`), rendered as SVG, and includes custom axis components for tick marks and labels.

AI-generated description

A scatter plot of The Iris Dataset with color legend.

MIT Licensed

Similar vizzes