Viewing a saved revision (read-only)
eb7d5fec202e49998c0fbf0cc429000e
scatter plot with color legend
This interactive scatter plot displays the Iris flower dataset, allowing users to compare any two measured attributes (sepal length/width, petal length/width) on the x and y axes via dropdown menus. Points are colored by species using a `scaleOrdinal` color scale, with a legend mapping colors to species names. The visualization uses React with D3 scales (`scaleLinear`, `scaleOrdinal`) and SVG rendering, with axes and marks generated from D3’s tick and data mapping functions.
AI-generated description{xScale.ticks().map((tickValue) => ( <line x1={xScale(tickValue)} y1={0} x2={xScale(tickValue)} y2={innerHeight} stroke={'black'} /> ))}