Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

9af34c682fb640e782f5a0e9cf180a17

Scatter Plot with Menus

0 stars0🌍 Public
Mmihir2709
Last edited Jul 31, 2020
Created on Jul 31, 2020

This interactive scatter plot displays automotive data from the UCI Machine Learning Repository Auto MPG dataset, allowing users to dynamically select which columns map to the X and Y axes via dropdown menus. Built with D3 v5, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for scaling, and `d3.axisLeft` and `d3.axisBottom` for axes. Each selection triggers a re-render where circles transition smoothly over two seconds into their new positions using `transition.attr`. The SVG-rendered plot features red, semi-transparent points and labeled axes that update to reflect the chosen variables.

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.