Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Color Legend

Public visualization

Viewing a saved revision (read-only)

e67c9abb14934e15b84babed7f2d5cb1

Scatter Plot with Color Legend

0 stars2🌍 Public
SSam Hege
Last edited Oct 10, 2022
Created on Oct 10, 2022

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between four measured attributes (sepal length/width, petal length/width) across three flower species. Dropdown menus dynamically change the x- and y-axis variables, while a color legend distinguishes species using a d3.scaleOrdinal with categorical colors. Built with React and d3.v5, the SVG-based visualization renders axes via custom components, circles with tooltips, and a color legend that updates proportionally to the selected attributes. Data is loaded asynchronously from a CSV file using d3.csv.

AI-generated description

A program that loads and visualizes some data