Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Adding Color ScatterPlot (codeAlong)

Public visualization

Viewing a saved revision (read-only)

e39b1f07b6c44e0aadd9c8d6442a0c38

Adding Color ScatterPlot (codeAlong)

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

This interactive scatterplot visualizes the Iris flower dataset, mapping sepal and petal measurements along the axes while coloring each point by species using a d3.scaleOrdinal. Users can switch between the four measurement attributes for either axis via React dropdown menus. The visualization uses d3.csv to load data, d3.scaleLinear for positioning, and renders SVG circles with native title tooltips, following Curran Kelleher’s code-along tutorial.

AI-generated description

Map data to color using an ordinal scale.

Curran Kelleher tutorial Vid 8:06 aprox