Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Scatter Plot with Menus

0 stars1🌍 Public
Bbprokopowicz
Last edited Apr 2, 2020
Created on Apr 2, 2020

This interactive scatter plot displays relationships between vehicle attributes from the auto-mpg dataset, with dropdown menus allowing users to select which columns appear on each axis. The visualization uses D3 v5’s selection and data-join patterns, with `scaleLinear`, `axisLeft`, and `axisBottom` for axes. Points animate from the chart center over two seconds using `transition().duration(2000)` with staggered delays. The `dropdownMenu` module implements a general update pattern for the select elements, updating the plot when users change either the x or y column.

AI-generated description

D3 course follow along.

Comments

Sign in to join the discussion.

MIT Licensed