Skip to main content
SimilarExport ZIP
100%

Scatter plot of cars

✓ Published0🌍 Public
DDi Zhen
Last edited Jun 20, 2019
Created on Jun 20, 2019

This scatter plot visualizes the relationship between fuel efficiency (mpg) and horsepower for 398 car models from the UCI Auto MPG dataset. Each semi-transparent blue circle represents a car, allowing overlapping points to reveal density patterns. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks with gridlines, and `extent` to compute domains. Axis labels and a title are added as SVG text elements.

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

This scatter plot from the UCI Auto MPG dataset visualizes the relationship between fuel efficiency (MPG) and horsepower for various car models, with each semi-transparent steel-blue circle representing a car. The chart uses D3 v6 scales and axes to map the data, featuring rotated axis labels and a title. The rendering relies on SVG, with the `scaleLinear` function establishing coordinate ranges and `axisBottom`/`axisLeft` drawing ticks, while the CSV data is loaded asynchronously and parsed numerically before plotting.

SShuyu Zheng
94% match
Loading thumbnail…

Cars Scatter

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of cars, with each car represented as a semi-transparent circle. The chart uses D3 v5’s scaleLinear, extent, axisLeft, and axisBottom APIs to map data values to SVG coordinates, with gridlines and axis labels. The data is loaded asynchronously from an external CSV file via d3.csv, and numeric fields are parsed before rendering. Styling is applied through CSS classes for circles and text elements.

TTrey Billing
91% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between a car's fuel efficiency (mpg) and its horsepower using data from the auto-mpg.csv dataset. The plot uses circles to represent individual car models, with the x-axis showing mpg and the y-axis showing horsepower. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisLeft` and `axisBottom` for the axes, and `select` to target the SVG element. The data is loaded via `csv` and processed before rendering.

PPioustu
91% match
Loading thumbnail…

Cars Scatter Plot follow

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for cars from the UCI Machine Learning Auto-mpg dataset. Each circle represents a vehicle, with its position determined by d3.scaleLinear scales mapping MPG and horsepower values. The visualization uses d3.csv to load and parse data, converting string values to numbers before rendering SVG circles with axes, tick marks, and labels. Circle opacity and color come from CSS styling.

Gg_ivaska@coloradocollege.edu
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of automobiles, with each car represented as a semi-transparent circle. The visualization uses D3 v5's linear scales (`scaleLinear`) to map data values to coordinates, and axes are rendered with `axisLeft` and `axisBottom`, including grid lines and custom tick formatting. The SVG canvas is populated by appending circle elements, and the data is loaded asynchronously from a CSV file using the `csv` function.

Ssara17585
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of automobiles, with each car represented as a semi-transparent circle. The visualization uses D3 v5's linear scales (`scaleLinear`) to map data values to coordinates, and axes are rendered with `axisLeft` and `axisBottom`, including grid lines and custom tick formatting. The SVG canvas is populated by appending circle elements, and the data is loaded asynchronously from a CSV file using the `csv` function.

Ssara17585
91% match
Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Auto MPG dataset. Red semi-transparent circles represent individual car models, with axes labeled and styled via d3.axisBottom and d3.axisLeft. The code uses d3.csv loading, scaleLinear for both axes, and d3.extent to compute domains, rendering everything as SVG. A title and rotated axis labels provide context, while tick marks extend across the plot for readability.

BbeauMarko
91% match
Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Auto MPG dataset. Red semi-transparent circles represent individual car models, with axes labeled and styled via d3.axisBottom and d3.axisLeft. The code uses d3.csv loading, scaleLinear for both axes, and d3.extent to compute domains, rendering everything as SVG. A title and rotated axis labels provide context, while tick marks extend across the plot for readability.

BbeauMarko
91% match