Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend with Menus

Public visualization

Viewing a saved revision (read-only)

e03750f26298471fb99cff20a6e74b41

Interactive Color Legend with Menus

0 stars1🌍 Public
AAlaouiadnane
Last edited Feb 19, 2020
Created on Feb 19, 2020

This interactive scatter plot explores the College Dataset, showing relationships between academic metrics like enrollment, admissions, and faculty qualifications. Users dynamically select which attributes appear on the x and y axes using React dropdown menus, while the color legend distinguishes public versus private institutions. Built with React and D3 v5, the visualization uses `scaleLinear` and `scaleOrdinal` for positioning and coloring, rendering as SVG. Hovering over legend items filters the displayed points and fades non-matching data, providing an interactive way to compare institutional characteristics.

AI-generated description

A scatter plot of The College Dataset.

Enroll: number of new students enrolled. Phd: Percent of faculty with Ph.D's Private: Public/Private indicator.