This example shows an interactive scatter plot of the Iris dataset, visualizing sepal length and width with points colored by species. The visualization includes a legend that highlights data points of a species when hovered. It demonstrates the d3-rosetta library's unidirectional data flow pattern, using `one` for DOM element management and `createStateField` for state handling. The code uses D3 v7 APIs including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` within a React framework.