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)

b43d6aae03e142009fa1020e0a6a5184

Interactive Color Legend with Menus

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

An interactive scatter plot of the College Dataset explores relationships among academic metrics. Dropdown menus switch the X and Y attributes, while hovering over the ordinal color legend highlights points from either public or private institutions by fading non-matching circles. The React and D3 v5 implementation uses `scaleLinear` for axes, `scaleOrdinal` for colors, and React state to manage selections and hover interactions, rendering the SVG marks with reusable axis and legend components.

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.