Scatter Plot with Menus
This interactive scatter plot displays automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, with dropdown menus allowing users to choose which columns map to the X and Y axes. The visualization uses d3.scaleLinear, d3.extent, and d3.axisBottom/axisLeft to render the plot, while a custom dropdownMenu module handles the select elements. Circles appear with a 2-second animated transition via transition().duration() and delay, and the SVG updates dynamically as users select different variables. The code also demonstrates reusable chart functions and modular ES6 imports.
AI-generated descriptionThis scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set. The user can select which columns map to X and Y using dropdown menus.