Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend, ScatterPlot (codeAlong)

Public visualization

Viewing a saved revision (read-only)

2d46f9ea16934ce197bfa1b6cf33768b

Interactive Color Legend, ScatterPlot (codeAlong)

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

This interactive scatterplot displays the Iris flower dataset, plotting sepal and petal measurements selected via dropdown menus. The visualization uses d3.scaleOrdinal to map species to colors and includes a color legend that filters points with mouse hover, dimming non-matching species. Built with React and d3.v6, it renders SVG marks and axes, with the legend responding to hover events to highlight specific species groups.

AI-generated description

Map data to color using an ordinal scale.

Curran Kelleher tutorial Vid 8:06 aprox