Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MPG Scatter Plot, Color & Interactive Legend

Public visualization

MPG Scatter Plot, Color & Interactive Legend

0 stars0🌍 Public
AAndre J Denais
Last edited Aug 25, 2021
Created on Jul 31, 2021

This scatter plot displays vehicle MPG highway ratings against a selected attribute, with each point colored by car make. Users can change the y-axis attribute via a dropdown menu. The interactive color legend highlights points of a specific make on mouse hover while fading others. Built with React and D3 v6, it uses `scaleOrdinal` for color mapping, `scaleLinear` for axes, and SVG circles with tooltips for data inspection.

AI-generated description

Playing with a scatter plot! Currently having trouble formatting my tooltips and the excessively long legend.

Comments

Sign in to join the discussion.

MIT Licensed