Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

143f0321ef6745d98b4226808c3ed734

Scatter Plot with Menus

0 stars0🌍 Public
AAziz Jaffrey
Last edited Apr 6, 2020
Created on Apr 6, 2020

Two dropdown menus let the viewer choose which quantitative column from the dataset maps to the x- and y-axes of a scatter plot. Initially, the chart displays weight against mpg, but selecting a different column updates the corresponding axis and re-renders the circles with a staggered 2-second transition using D3 v5’s `transition().duration()` and `delay()`. The code uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` in an SVG-based visualization.

AI-generated description

D3 course follow along.