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)

47f44faccefc4dbf8dd51ef0f3bbca28

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.