Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot with Menu

✓ Published0🌍 Public
BBaodi
Last edited Apr 18, 2019
Created on Apr 18, 2019

This interactive scatter plot visualizes car data from the UCI Auto MPG dataset, with points colored by country of origin (USA, Japan, Germany). Users select which numeric columns to plot on the x and y axes via dropdown menus, and can click the color legend to highlight or dim points by origin. Built with D3 v5, it uses `scaleLinear` for axes, `axisLeft`/`axisBottom` for grid lines, and SVG rendering with hover tooltips showing car names.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot with Menu

This scatter plot visualizes car data from the UCI Auto MPG dataset, with each circle representing a car. Users can select which numerical columns to compare on the x and y axes using dropdown menus, and can click the color legend to highlight cars from the USA, Japan, or Germany. Built with D3 v5, the visualization uses `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and custom `dropdownMenu` and `colorLegend` modules to render the interactive SVG chart.

BBaodi
97% match
Loading thumbnail…

Cars Scatter Plot with Menu

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying cars as circles colored by country of origin (USA, Japan, Germany) with hover tooltips showing car names. Users can compare any two numerical attributes (mpg, cylinders, displacement, horsepower, weight, acceleration) via two dropdown menus. Clicking the color legend filters the data by origin, changing circle opacity to highlight selected countries. The visualization uses D3 v5 with scales (scaleLinear, scaleOrdinal), axes (axisLeft, axisBottom), and custom reusable components for the dropdown menu and interactive legend, rendered as SVG.

Wwishcsdev
96% match
Loading thumbnail…

Cars Scatter Plot with Menu

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying cars as circles colored by country of origin (USA, Japan, Germany) with hover tooltips showing car names. Users can compare any two numerical attributes (mpg, cylinders, displacement, horsepower, weight, acceleration) via two dropdown menus. Clicking the color legend filters the data by origin, changing circle opacity to highlight selected countries. The visualization uses D3 v5 with scales (scaleLinear, scaleOrdinal), axes (axisLeft, axisBottom), and custom reusable components for the dropdown menu and interactive legend, rendered as SVG.

Wwishcsdev
96% match
Loading thumbnail…

Cars Scatter Plot with Menu

This scatter plot visualizes car attributes from the UCI Auto MPG dataset, with each point representing a car colored by its country of origin. Users can select any two columns—such as horsepower, weight, or acceleration—from dropdown menus to compare on the x and y axes. Clicking a color legend entry filters the display to that origin. Built with D3 v5, the visualization uses `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and custom dropdown and legend modules, rendering as SVG with CSV data loaded from a remote URL.

RRyan Fleming
95% match
Loading thumbnail…

Cars Scatter Plot with Menu

This scatter plot displays automobile data from the UCI Auto MPG dataset, allowing users to explore relationships between variables like horsepower, weight, and acceleration. Two dropdown menus let viewers select which attributes appear on the x- and y-axes, while a color legend filters points by country of origin (USA, Japan, Germany). Built with d3.v5, the visualization uses `scaleLinear` and `scaleOrdinal` for scales, `axisBottom` and `axisLeft` for axes, and custom `colorLegend` and `dropdownMenu` modules for interactive controls. Points render as SVG circles with tooltips showing car names.

LLeonardo Loures
95% match
Loading thumbnail…

Cars Scatter Plot with Menu

This scatter plot visualizes car attributes from the UCI Auto MPG dataset, displaying relationships between selectable variables like horsepower, weight, and acceleration. Users choose axes through dropdown menus, while a color legend highlights car origins (US, Europe, Japan) and toggles highlighting of specific regions. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` for axes and color mapping. Hovering reveals car names via `title` elements, and clicking legend items filters data opacity.

BBaodi
95% match
Loading thumbnail…

Cars Scatter Plot With Menus

This interactive scatter plot visualizes car data from the UCI Auto MPG dataset, with axes controlled by two dropdown menus that let users select which numeric columns to compare. The visualization uses D3 v5 with SVG rendering, employing d3.scaleLinear for axes, d3.axisLeft and d3.axisBottom for tick marks, and a transition delay animation that sequentially animates each circle from the center to its final position when the data updates.

Jjons288
92% match
Loading thumbnail…

Cars Scatter Plot with Menu

This interactive scatter plot visualizes car characteristics from the UCI Auto MPG dataset, displaying weight on the y-axis while allowing users to select the x-axis attribute from a dropdown menu of data columns. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisLeft`, `axisBottom`, and circle elements to plot each car. A dropdown menu built with a reusable `dropdownMenu` function updates the x-axis scale and re-renders the scatter plot when the user changes the selected column, highlighting relationships like horsepower versus weight.

Yylzami40
92% match