Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Cars Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

eae8e57a0eaf49bca5b829d5904c01e0

Animated Cars Scatter Plot with Menus

2 stars0🌍 Public
Vvic126
Last edited Jul 1, 2020
Created on Jul 1, 2020
Forked from Cars Scatter Plot

This interactive scatter plot displays automobile performance data from the auto-mpg dataset, allowing users to compare any two numeric attributes through dropdown menus. The visualization animates circles transitioning between positions when different axes are selected, with each circle representing a vehicle. Built with D3 v5, the example uses scaleLinear and extent for axis scaling, axisLeft and axisBottom for gridlines, and transition().duration() with delay to animate the SVG circles. Two dropdown menus, created dynamically via a reusable dropdownMenu function, enable selection of x and y axis variables.

AI-generated description

This bar chart shows population of the countries. The data comes from the year 2020 estimate in United Nations: World Popultion Prospects 2017.