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
PPeter S
Last edited Oct 5, 2019
Created on Aug 29, 2019
Forked from Cars Scatter plot

This example presents a scatter plot of automobile data, where users actively select which numerical columns to display on the x- and y-axes via two interactive dropdown menus. The visualization updates dynamically, smoothly animating the repositioning of data points over a 1.5-second transition with a staggered delay, making comparisons between different attribute pairings intuitive. The implementation leverages D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the chart, and it uses custom `dropdownMenu` and `scatterPlot` modules to manage the SVG interface. Data is loaded from a remote CSV file using `d3.csv`.

AI-generated description

An example showing the capabilities of VizHub.

Comments

Sign in to join the discussion.

MIT Licensed