Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

933dcf1bd2ff4ca1be4852a5d98c121c

Interactive Color Legend

0 stars0🌍 Public
MMohammad Afaq Khan
Last edited May 20, 2020
Created on May 20, 2020

This interactive scatter plot, built with React and D3 v5, visualizes the Iris Dataset, plotting petal length against sepal width. An ordinal color scale distinguishes the three iris species, and a color legend with mouse hover effects enhances exploration. When a species is hovered, the chart fades all non-matching data points using an opacity transition, allowing for focused comparison. The visualization uses SVG rendering and D3 scales for axes and color encoding.

AI-generated description

A scatter plot of The Iris Dataset.