Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend - Lecture 35

Public visualization

Viewing a saved revision (read-only)

b3b39f7c75ef49adb76b750c33e9eb68

Interactive Color Legend - Lecture 35

0 stars0🌍 Public
Rroc286
Last edited Mar 14, 2022
Created on Mar 14, 2022

This interactive scatterplot displays the Iris flower dataset, with dropdown menus to select the attributes plotted on the X and Y axes. The plot includes a color legend for species that supports hover interactions, highlighting the corresponding data points while fading others. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and `extent` for scales, with custom React components for axes, marks, and a color legend. The dropdown menus use the `react-dropdown` library, and data is loaded via `d3.csv` from remote CSV files.

AI-generated description

Interactive color legend of The Iris Dataset with Menus.