Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot - React/D3 (Part 35) - Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

ffa786bde3b9476185ec9e5015259a30

Scatter Plot - React/D3 (Part 35) - Interactive Color Legend

0 stars0🌍 Public
TTom-S82
Last edited Oct 5, 2020
Created on Oct 5, 2020

This interactive scatter plot displays the Iris dataset, using drop-down menus to select which measurements appear on each axis and color-coding points by species. An interactive color legend highlights points of a selected species while dimming others on mouse hover. Built with React and D3 v5, the visualization uses `scaleLinear`, `scaleOrdinal`, and SVG rendering with radial gradients for point fills. The legend and dropdowns respond to hover and change events, providing a focused exploration of species distributions across four flower attributes.

AI-generated description

A program that creates a scatter plot based on the UCI's Iris Dataset.


Extras:

  • The species of plants are drawn in different colors to show how they are roughly distributed
  • A few basic hover effects over the dropdowns and the legend

Potential Improvements for later:


Tutorials: