Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Adding Color Legend, ScatterPlot (codeAlong)

Public visualization

Viewing a saved revision (read-only)

204f73b4564b4a81964d3b2b3a8241f0

Adding Color Legend, ScatterPlot (codeAlong)

0 stars1🌍 Public
Ttomahawk-jupiter
Last edited Jun 8, 2021
Created on Jun 8, 2021

This visualization is an interactive scatter plot of the Iris dataset, mapping sepal and petal measurements to the x and y axes while encoding the iris species with a color legend. The graph uses an ordinal color scale to map the species categories to distinct colors, displayed in a dedicated legend. Built with React and D3 v6, it renders as an SVG and includes dropdown menus for selecting which attributes to display on each axis. The code utilizes D3’s `scaleLinear`, `scaleOrdinal`, `extent`, and `csv` functions to process data and scale values.

AI-generated description

Map data to color using an ordinal scale.

Curran Kelleher tutorial Vid 8:06 aprox