Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with menues

Public visualization

Viewing a saved revision (read-only)

afbbaee6ee5d42ec888ae797cd4999c1

Scatter Plot with menues

0 stars0🌍 Public
NNikki-gea
Last edited Aug 27, 2020
Created on Aug 26, 2020
Forked from Cars Scatter Plot

This interactive scatter plot displays the relationship between pairs of numeric variables from the auto-mpg dataset, with dropdown menus allowing users to select which columns are plotted on the x- and y-axes. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while the `dropdownMenu` function (built with D3’s `select` and `option` elements) handles menu interactions. Points appear with a staggered, animated transition (via `.transition().duration(1000).delay()`) as the axes update. The SVG rendering applies custom styling from the linked stylesheet, including semi-transparent red circles and large axis labels.

AI-generated description