Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed