Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

65742e445cd34161ae42ec31fb92cde2

Scatter Plot with Menus

0 stars0🌍 Public
ZZ-Richard
Last edited Jun 21, 2020
Created on Jun 20, 2020
Forked from Scatter Plot

This interactive scatter plot lets users explore the relationship between any two numeric columns from the automotive dataset. Two dropdown menus, built with a custom `dropdownMenu` function, independently select the variables for the x and y axes, triggering a re-render of the chart. The core visualization is rendered in SVG, using D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the coordinate system and gridlines. Each data point animates from the center to its target position using `transition().duration(1000)`, creating a smooth visual update when menu selections change.

AI-generated description