🌍 Public
Viewing a saved revision (read-only)
bb92716169344fa5905013169f7638b0
IRIS Scatterplot with Color and Color Legend
This visualization displays the classic Iris dataset as a scatterplot, mapping petal length on the x-axis and sepal width on the y-axis. Each data point is colored by species using d3.scaleOrdinal, with a custom React-rendered color legend positioned to the right. The SVG is built with React components for axes and marks, using d3.scaleLinear for positioning and d3.extent to compute domains. Axis labels are rotated and styled with CSS. The data loads asynchronously via d3.csv, which parses numeric fields before rendering.
AI-generated descriptionRendering CSS named colors from MDN.