Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

4322a21d842d4c60aba4c2adf4b7d0cb

Scatter Plot with Menus

0 stars2🌍 Public
JJiapengFan
Last edited May 10, 2020
Created on May 10, 2020

This interactive scatter plot explores the relationship between pairs of attributes in the UCI Auto MPG dataset. Users select which columns to compare via dropdown menus, and the visualization updates with a staggered transition animation. The D3 v5 code uses `scaleLinear`, `axisBottom`, `axisLeft`, and data joins to render SVG circles representing cars. The implementation includes a reusable `dropdownMenu` component and a `scatterPlot` function that handles axis labels and tick marks, with values coerced to numeric type before rendering.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set. The user can select which columns map to X and Y using dropdown menus.