Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

interactive color legend

Public visualization

interactive color legend

0 stars0🌍 Public
MMarco Malvicini
Last edited Apr 19, 2021
Created on Apr 19, 2021

This interactive scatter plot displays the classic Iris dataset, allowing users to explore relationships between flower measurements through dropdown menus that select the X and Y axes. The visualization uses D3.js v5 scales and React state to manage selections, while the color legend for species is interactive—hovering over a species name highlights only those data points and fades the others. All marks render as SVG circles, with the legend built from ordinal color scales and hover event handlers that filter the displayed data.

AI-generated description

A program that loads in some data using d3 utilities and use react state to store the data

Comments

Sign in to join the discussion.

MIT Licensed