This interactive scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flower samples. The D3.js v7 code simultaneously encodes species identity through both color and shape, using a custom shape legend to map each species to its distinct marker. Data is loaded asynchronously from a remote CSV via a fetch request, and the visualization is rendered using a reactive pattern that rebuilds the chart whenever the state updates. The implementation relies on D3's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs, with a shared axes module handling the x and y axis ticks and labels.