Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Colour Legend

Public visualization

Viewing a saved revision (read-only)

554c27ca58c948a6bdaf6a9de93e596d

Interactive Colour Legend

0 stars0🌍 Public
CChris Briggs
Last edited Nov 18, 2021
Created on Nov 18, 2021

This interactive scatter plot displays the Iris dataset, mapping petal length against sepal width with species indicated by color. The React-based visualization uses D3.js scales (scaleLinear, scaleOrdinal) and SVG rendering. Users can hover over the color legend to highlight points from a specific species while dimming others, achieved through React state management (useState) that toggles opacity values on the marks and legend items. The data loads asynchronously via D3's csv parser.

AI-generated description

A Scatter Plot based on Iris Data