Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatterplot with Color and Interactive Color Legend

Public visualization

Scatterplot with Color and Interactive Color Legend

0 stars0🌍 Public
Ppranav-vis
Last edited Sep 18, 2021
Created on Sep 14, 2021

This interactive scatterplot visualizes the Iris dataset, plotting sepal width against petal length with points colored by species. The chart includes an interactive color legend; hovering over a legend entry fades non-matching points to 20% opacity and re-renders them in full opacity, allowing users to isolate a species. Built with React and D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` for colors, and custom React components for axes, marks, and the legend, rendering in SVG.

AI-generated description

Rendering CSS named colors from MDN.

Comments

Sign in to join the discussion.

MIT Licensed