rank

100%

✓ Published0🌍 Public

Last edited May 12, 2021

Created on May 12, 2021

An interactive scatter plot displays relationships among car attributes from the Auto MPG dataset. Dropdown menus allow users to select which of the dataset’s numeric columns—such as horsepower, weight, or acceleration—map to the plot’s X and Y axes. The visualization uses D3’s `scaleLinear`, `axisBottom`, and `axisLeft` for the coordinate system, while a custom `dropdownMenu` component handles column selection. When the mapping changes, circles animate to their new positions over two seconds, with a staggered delay per point.

AI-generated description

This 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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Rank Chart Plot with Menus

This interactive scatterplot lets users explore the relationship between any two numeric columns from the auto-mpg dataset by selecting variables from two dropdown menus. The plot renders red, semi-transparent circles for each car model, with axis labels updating dynamically to reflect the chosen columns. Built with D3 v5, the visualization uses `csv` to load data, `scaleLinear` and `extent` for scaling, `axisLeft` and `axisBottom` for axes, and a custom `dropdownMenu` component that binds `select` elements. The SVG rendering updates in place whenever a menu selection changes.

TTCSMFrogdance

90% match

Loading thumbnail…

Scatter Plot with menus

This scatter plot visualizes the Auto MPG dataset, showing relationships between car attributes like horsepower, weight, and acceleration. Two dropdown menus let users select which columns map to the x- and y-axes, with circles animating smoothly to their new positions via `transition().duration(1000).delay()`. The visualization is built with D3 v5, using `scaleLinear` and `extent` for scaling, `axisBottom` and `axisLeft` for axes, and custom reusable functions `dropdownMenu` and `scatterPlot` for modularity.

LLongYuu

90% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot explores relationships between numeric attributes of cars from the UCI Auto MPG dataset. Two dropdown menus let viewers select which columns to plot on the x and y axes, with options like horsepower, weight, and acceleration. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, and `transition().duration(2000)` to animate circles from the center to their positions. The `dropdownMenu` custom module handles the menu interactions, while the scatter plot is built as a reusable SVG component.

Mmeihaoming

89% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes such as horsepower, weight, and acceleration. Two dropdown menus let users select which columns map to the X and Y axes, with the plot smoothly transitioning to show the new relationship. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, alongside SVG circles with animated transitions. The reusable `dropdownMenu` and `scatterPlot` modules handle updates, and the code leverages D3’s `csv` loading and data-binding patterns.

Cceltic660

88% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot explores the Auto MPG dataset from the UCI Machine Learning Repository, visualizing relationships between car attributes such as horsepower, weight, and acceleration. Users select which numeric columns to plot on the x- and y-axes via two dropdown menus built with a reusable `dropdownMenu` function. The visualization is rendered using D3 v5 with SVG elements, and circles animate into position over two seconds when the selection changes. Axes are generated with `axisBottom` and `axisLeft`, with scales computed using `scaleLinear` and `extent`.

Kkaviya-ds

88% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot displays the Auto MPG dataset from the UCI Machine Learning Repository, showing relationships between car attributes like horsepower, weight, and acceleration. Users choose which columns to plot on the X and Y axes via dropdown menus built with a custom `dropdownMenu` function that creates HTML `<select>` elements. The visualization uses D3 version 5’s `scaleLinear`, `axisLeft`, and `axisBottom` for axes, and animates circles with `transition().duration(2000)` as they move to new positions when the menu selection changes.

Aab0343

88% match

Loading thumbnail…

Scatter Plot With Menus

This interactive scatter plot visualizes automobile performance data from the UCI Auto MPG dataset, letting users explore relationships between numeric attributes like horsepower, weight, and acceleration. Two dropdown menus dynamically select which columns appear on the x and y axes, triggering smooth animations as circles transition to their new positions over two seconds. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, while the custom `dropdownMenu` and `scatterPlot` modules handle the menu interactions and SVG rendering with `transition().duration(2000)`.

TThomas Seberechts

88% match

Loading thumbnail…

Cars Scatter Plot With Menus

This interactive scatter plot from the Auto MPG dataset lets users explore relationships between car attributes via dropdown menus. Built with D3 v5, it renders animated SVG circles that transition smoothly when the X or Y axis column is changed. The visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` for axes, with `dropdownMenu` handling user selection. A color legend with clickable swatches filters data points. Data loads from a CSV via `csv()` and is processed in `loadAndProcessData`.

Jjons288

88% match