Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Polished Scatter Plot with Menus and Colors and Color Legend

Public visualization

Viewing a saved revision (read-only)

2bfb9c8416174aa694f6f2130ad3e51e

Interactive Polished Scatter Plot with Menus and Colors and Color Legend

0 stars3🌍 Public
Sstephanie0215
Last edited Nov 8, 2022
Created on Oct 1, 2022

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between four flower measurements through dropdown menus that switch the X and Y axes. Points are colored by species, with a color legend that fades non-hovered points for focused comparison. Built with React and D3 v7, the visualization uses D3's `scaleLinear` for axes and `scaleOrdinal` for categorical colors, rendering points as SVG circles. The code leverages React state for user selections and D3 utility functions like `csv` to load and parse the data.

AI-generated description

A program that loads in some data using D3 utilities, and uses REACT state to keep track of the data.