🌍 Public
Viewing a saved revision (read-only)
84c60e672b9540b98637cf8b4ff16a42
D3 Course 11: Scatter Plot with Menus
This interactive scatter plot lets users explore relationships between attributes of cars from the auto-mpg dataset by selecting different columns for the x- and y-axes via dropdown menus. The visualization is built with D3 v5, using a modular component pattern with separate functions for data loading, dropdown menus, and the scatter plot itself. The plot uses an SVG rendering with D3 scales and axes, and refactors the general update pattern to animate transitions smoothly when the selected axes change.
AI-generated descriptionData Visualization with D3 course; Cars Scatter Plot
<h3>Creating a Scatter Plot wih menus</h3> <table> <th align="left">Topics</th> <tr> <td> <ul> <li><b>Creating a dropdown menu component</b></li> <li><b>Adopting Unidirectional Data Flow</b></li> <li><b>Creating a Scatter Plot component</b></li> <ul><li><b>General Update Pattern refactoring</b></li></ul> <li><b>Fancy animated transitions</b></li> </ul> </td> </tr> </table>