🌍 Public
2. Penguin Scatter Plot with Color Legend Interaction
This interactive scatter plot visualizes the Palmer Penguins dataset, showing bill length against bill depth for three penguin species. The SVG visualization uses React with D3 scales (`scaleLinear`, `scaleOrdinal`) to position circles colored by species. A color legend on the right implements hover interaction: mousing over a species name fades all other points to 20% opacity while highlighting the selected species. The chart includes formatted axes and a native SVG tooltip via the `<title>` element, with data loaded asynchronously from a remote CSV using `d3.csv`.
AI-generated descriptionA Interactive scatter plot of The Penguin Dataset.
MIT Licensed
Comments
Sign in to join the discussion.