Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

9bc602a3fc294616a8c57d7acc524e0b

Scatter Plot with Menus

0 stars1🌍 Public
AAnne Kerr
Last edited Jun 9, 2019
Created on Jun 9, 2019

This interactive scatter plot displays the Auto MPG dataset from the UCI Machine Learning Repository, letting users compare any two numeric car attributes (like horsepower, weight, or acceleration) by selecting columns via dropdown menus. Implemented with D3 v5, the visualization uses `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to build axes, while dropdown menus are created with a custom `dropdownMenu` function that appends `<select>` and `<option>` elements. Points animate into position with a 2-second transition, and the SVG rendering includes red semi-transparent circles.

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.