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)

e0b2dc80213a4a72a0beae3c03ae9797

Fork of Interactive Color Legend

0 stars0🌍 Public
PPin-Yu-Li
Last edited Sep 15, 2024
Created on Sep 5, 2024

This example displays an interactive scatter plot of the Iris dataset, letting users explore relationships between four floral measurements by changing the X and Y axes via dropdown menus. It includes an ordinal color legend that dims and highlights data points when hovered, visually distinguishing the three iris species. Built with React and D3 v5, the visualization uses `scaleLinear`, `scaleOrdinal`, and the `csv` loader to parse data from a remote URL, rendering SVG circles, axes, and the legend through reusable React components.

AI-generated description

A scatter plot of The Iris Dataset.