Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot with Menu

✓ Published1🌍 Public
RRyan Fleming
Last edited Nov 7, 2018
Created on Oct 10, 2018
Forked from Cars Scatter Plot

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.

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 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
97% 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
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 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 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.

BBaodi
95% match
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
95% 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
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car attributes from the UCI Auto MPG dataset, with a dropdown menu to select which numeric column (such as horsepower, weight, or acceleration) is plotted on the x-axis against miles per gallon. The visualization uses D3 v5 to render SVG circles, with scales and axes from d3.scaleLinear, d3.axisLeft, and d3.axisBottom. A custom dropdown menu module updates the x-axis selection, and the data is loaded as CSV and parsed into numeric values.

YYash G
94% match