Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

11ac262e278443a79357442817753619

Scatter Plot with Menus

0 stars0🌍 Public
Aanuj1450
Last edited Nov 12, 2020
Created on Nov 11, 2020
Forked from Cars Scatter Plot

This interactive scatter plot visualizes automotive performance data, allowing users to compare any two numeric columns—such as weight, horsepower, or acceleration—via dropdown menus positioned above the axes. Selecting a new column triggers a smooth 1-second animation where circles transition from the center to their new positions using D3’s `transition().duration()`. The visualization uses SVG for rendering, with axis ticks, grid lines, and labels styled extensively via CSS. Data loads from a remote CSV file, and both x- and y-axis selections are dynamically redrawn using `scaleLinear`, `axisBottom`, and `axisLeft` from the d3 module.

AI-generated description

This scatter plot shows data about cars with menus.