🌍 Public
Viewing a saved revision (read-only)
6f0efa322323461e9cc2b088ac7fc08a
Interactive Color Legend
Yyejichun@naver.com
Last edited Dec 21, 2021
Created on Dec 21, 2021
Forked from Scatter Plot with Color with Color Legend
This interactive scatter plot visualizes the Iris flower dataset, plotting petal length against sepal width for three species. Hovering over a category in the color legend highlights the corresponding data points while fading all others, using React state to track the hovered value. The visualization uses d3.scaleLinear and d3.scaleOrdinal for scales, renders with SVG, and leverages React components like Marks and ColorLegend to manage the interactive behavior.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to render the data.