Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

dca776cc959a45fa8300b6a747659f93

Fork of Interactive Color Legend

0 stars0🌍 Public
EEnFlorian
Last edited Oct 26, 2021
Created on Oct 26, 2021

This interactive scatter plot displays the Iris dataset, mapping petal length and sepal width for different species. Hovering over a color legend dims non-matching data points, allowing users to isolate a single species. The visualization uses React with D3.js for scales and axes, rendering circles via SVG. The code defines custom `Marks`, `AxisBottom`, `AxisLeft`, and `ColorLegend` components, using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.extent` for data handling.

AI-generated description

A scatter plot of The Iris Dataset.