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)

7ead57ae023245eea6ff60a56dc13849

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