Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dv2020-ep35-viz36 - scatter plot w/ interactive color legend

Public visualization

Viewing a saved revision (read-only)

ae943c63809846a89c7c55a749bba55b

dv2020-ep35-viz36 - scatter plot w/ interactive color legend

0 stars1🌍 Public
Zzach b.
Last edited Mar 23, 2023
Created on Mar 23, 2023

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width with points colored by species. An interactive color legend on the right allows users to hover over a species name, which highlights points of that species by fading all other circles to partial opacity. The visualization uses React with D3 v5 scales and SVG rendering, employing `scaleLinear`, `scaleOrdinal`, and custom React components for axes, marks, and the legend. Data is loaded asynchronously via D3's `csv` method from a GitHub gist.

AI-generated description

a scatter plot of The Iris Dataset.

Episode 35