Viewing a saved revision (read-only)
11ac262e278443a79357442817753619
Scatter Plot with Menus
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 descriptionThis scatter plot shows data about cars with menus.