Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

b620ea5f475e45708baa9983f3a8f8ca

Fork of Scatter Plot with Menus

0 stars0🌍 Public
Ppplomith
Last edited May 27, 2021
Created on Mar 29, 2021

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles. Users can select which data columns map to the X and Y axes through two dropdown menus. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` APIs, with SVG rendering. Selecting a new column triggers an animated transition where circles move to their new positions over one second, using `transition().duration(1000).delay((d, i) => i * 10)` for a staggered effect. The plot is updated via a custom `dropdownMenu` module and `scatterPlot` function.

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.