🌍 Public
Viewing a saved revision (read-only)
bc4ed50b036d4f989cb27694740a2268
scatter plot with menu
A scatter plot of the Iris dataset, encoded as SVG circles, allows the user to select which quantitative variable to plot on the x- and y-axes via two dropdown menus. The chart updates the scales, axes, and labels based on the chosen attributes using React state and D3 scaleLinear and extent functions. Data is loaded asynchronously with d3.csv.
AI-generated description{xScale.ticks().map((tickValue) => ( <line x1={xScale(tickValue)} y1={0} x2={xScale(tickValue)} y2={innerHeight} stroke={'black'} /> ))}