🌍 Public
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.
MIT Licensed
Comments
Sign in to join the discussion.