Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Scatter Plot with Color Legend

Public visualization

Viewing a saved revision (read-only)

999c2cbc0bbb4f6bb6f2ffe5409a4384

Fork of Scatter Plot with Color Legend

0 stars0🌍 Public
Ffaqihisaninja
Last edited Feb 8, 2021
Created on Feb 8, 2021

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length against sepal width, with points colored by species and accompanied by a color legend. Built with React and D3 v5, it uses d3.scaleLinear for the x and y axes and d3.scaleOrdinal for the categorical color encoding. The SVG rendering separates axis, legend, and mark components, with circle elements representing each flower. Data is loaded asynchronously via d3.csv from a GitHub gist, and tick formatting uses d3.format for compact notation.

AI-generated description

A scatter plot of The Iris Dataset with color legend.