colorised scatter plot with menu
This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between different flower measurements. Two dropdown menus let viewers select which attribute appears on the x-axis and y-axis, with the plot updating in response to their choices. Points are color-coded by species using a d3.scaleOrdinal function. The visualization uses React for state management and rendering, with D3 v5 (scaleLinear, extent, csv) handling data loading and scales, and SVG circles displaying each data point.
AI-generated description{xScale.ticks().map((tickValue) => ( <line x1={xScale(tickValue)} y1={0} x2={xScale(tickValue)} y2={innerHeight} stroke={'black'} /> ))}