Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Simple Interactive Color Legend

Public visualization

Simple Interactive Color Legend

0 stars0🌍 Public
LLisa Wagner
Last edited Aug 25, 2021
Created on Aug 25, 2021

This interactive scatter plot visualizes the Iris Dataset using React and SVG, with D3 scales for positioning and color encoding. The legend lists species names as colored circles, and hovering over a legend item triggers a fade effect that dims all non-matching data points while keeping the selected species fully opaque. The chart uses `scaleOrdinal` for categorical colors and `scaleLinear` for axes, with the hover state managed via React's `useState` hook.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed