Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

f156565951bc4f4289d1754cb43d07fc

Scatter Plot with Menus

0 stars1🌍 Public
MMinwoo Pak
Last edited Jun 18, 2021
Created on Nov 22, 2019

This interactive scatter plot lets users choose which columns of the auto-mpg dataset to display on the x- and y-axes via HTML dropdown menus. The `dropdownMenu` module creates the select elements, while the `scatterPlot` module uses d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render the axes. Circles transition with d3.transition over 2 seconds, animating from the center to their new positions using `transition.attr` and `transition.delay`. SVG rendering and D3 v5 selections manage updates.

AI-generated description