Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 2020_Ep34 - 26. Scatter Plot with Color Legend

Public visualization

Viewing a saved revision (read-only)

649bbdd903e2465b92f09e1c207f4f7c

Dataviz 2020_Ep34 - 26. Scatter Plot with Color Legend

0 stars1🌍 Public
MMinwoo Pak
Last edited Jul 19, 2021
Created on Jul 19, 2021

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between four physical measurements (sepal and petal dimensions) by selecting which variable appears on each axis via dropdown menus. D3.scaleLinear maps the numeric attributes to screen coordinates, while d3.scaleOrdinal assigns categorical colors to the three Iris species, displayed in a custom color legend rendered as SVG circles. The visualization uses React hooks to manage state, D3’s csv parser to load the data, and SVG marks with tooltips for each point.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.