Skip to main content
100%

Ep. 33 | Scatter Plot with Color

✓ Published1🌍 Public
YYee Han
Last edited Dec 30, 2020
Created on Dec 30, 2020

This scatter plot visualizes the Iris dataset, showing petal length against sepal width for three flower species. Each circle is colored via a D3 ordinal scale that maps species to a categorical color palette, with the species name accessible through a native SVG title tooltip. React components render the axes and marks, while d3.scaleLinear handles position scaling and d3.format formats the tick labels. The CSV data is loaded asynchronously using the d3.csv method within a React hook.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes