Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

c0a33e90cfb54ab39eab0e5c27f6fe24

Scatter Plot with Menus

0 stars2🌍 Public
Jjesramyep1263
Last edited Apr 22, 2021
Created on Apr 9, 2020

This interactive scatter plot explores the Auto MPG dataset from the UCI Machine Learning Repository. Two dropdown menus let users select which numeric columns to map to the x- and y-axes, updating the visualization with an animated transition. Built with D3 v5, the chart uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes and gridlines, while SVG circles animate into position via `transition().delay()`. The menus are constructed with a reusable `dropdownMenu` function that binds `option` elements to column names.

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.