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)

2ca98e164018461e87533101a2daa51c

Fork of Scatter Plot with Menus

0 stars0🌍 Public
Llrakla
Last edited Dec 30, 2021
Created on Dec 30, 2021

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles positioned by X and Y axes. Users select which columns map to each axis via dropdown menus, built with a reusable `dropdownMenu` function that populates `<select>` elements from data columns. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and grid lines, while circles transition smoothly with a 2000ms `transition().duration()`. Rendering uses SVG with animated circle placement based on the selected numeric columns.

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.