Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

2aef8770f9f648b29a4e4a894ea902bd

Interactive Color Legend

0 stars0🌍 Public
SSerind Joshua McCue
Last edited Aug 21, 2022
Created on Aug 21, 2022

This interactive scatterplot displays the classic Iris flower dataset, plotting petal and sepal measurements against each other with points colored by species. Users can switch the X and Y axes via dropdown menus and hover over the color legend to highlight a particular species while fading the others. The visualization uses React with D3's `scaleLinear` and `scaleOrdinal` for axes and color encoding, rendered as SVG circles with hover-based opacity transitions on the legend items.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.