🌍 Public
Viewing a saved revision (read-only)
14fbf6724acf45cab3fdd05fa981184b
scatter plot with legend
This interactive scatter plot visualizes the Iris flower dataset, where users can select different attributes for the x and y axes via dropdown menus. The visualization displays the relationship between selected measurements, with each species represented by a distinct color. A native SVG legend allows users to hover over species names to highlight their corresponding data points while fading others. The visualization uses React components to build the SVG marks, axes, and legend, leveraging D3's `scaleLinear`, `scaleOrdinal`, and `extent` functions for data scaling and color mapping.
AI-generated descriptionscatter plot with react and d3
[Data (https://gist.github.com/curran/a08a1080b88344b0c8a7).