Skip to main content
SimilarExport ZIP
100%

Car Dataset

✓ Published0🌍 Public
SShalom
Last edited Oct 1, 2026
Created on Oct 1, 2026
Forked from HTML Starter

This interactive scatterplot displays the relationships between engine size, fuel efficiency (MPG), and horsepower for a dataset of car models. The visualization uses D3 v7 to load data from a GitHub Gist, and employs linear scales to map quantitative columns to x and y positions. A summary panel displays key statistics, including row count, column names, and the mean and median MPG values, computed with `d3.mean` and `d3.median`. The chart is rendered as an SVG, with axes generated using `d3.axisBottom` and `d3.axisLeft`, and includes styling for the page and chart elements.

AI-generated description
MIT Licensed

Similar vizzes

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
87% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between engine horsepower and cylinder count for various car models, with each circle representing a vehicle from the auto-mpg dataset. The visualization uses D3 v5 to load CSV data via `d3.csv`, scales the x-axis with `scaleLinear` and the y-axis with `scalePoint`, and renders circles as SVG elements. Axes are generated using `axisBottom` and `axisLeft`, with grid lines and tick styling applied through CSS classes. The chart is rendered in an SVG container and includes labeled titles and axis annotations.

Kkiyahw1
87% match
Loading thumbnail…

Cars: scatter plot

This scatter plot displays the relationship between horsepower and MPG for a dataset of cars. Each circle represents a car, with its position determined by the car's MPG on the x-axis and horsepower on the y-axis. The visualization uses D3 version 5, specifically the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions, and renders as an SVG. Data is loaded from a CSV file using D3's `csv` method, and the plot includes labeled axes, a title, and grid lines.

DDavid Sjoberg
87% match
Loading thumbnail…

scatter plot 7

This scatter plot displays the relationship between horsepower and fuel efficiency (MPG) for ten car models, with each point labeled with the car’s name. Built with D3 v7, the visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.symbol` with a circle shape to render the points. The SVG output includes axis labels and hover tooltips showing car details, all within a reusable `scatterPlot()` function. The dataset is hardcoded in the script.

Aadithiarikatla@gmail.com
86% match
Loading thumbnail…

Scatterplot

This scatterplot visualizes the relationship between fuel efficiency and engine size for a dataset of cars, with each point’s radius representing horsepower and its opacity representing price. The chart uses D3 v6 to load CSV data from a GitHub gist, apply linear scales for the axes and point attributes, and render circles in an SVG. Color encodes car type (Sedan, Coupe, SUV, Truck) via `d3.scaleOrdinal`, with a legend included. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`.

GGorantla Vishnusai
86% 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
86% 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
86% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between fuel efficiency (MPG) and engine power (horsepower) for a collection of cars, with each red semi-transparent circle representing a single vehicle. The visualization uses d3.csv to load data from the auto-mpg dataset and d3.scaleLinear with d3.extent to map values to positions, while d3.axisBottom and d3.axisLeft construct the labeled axes. The chart is rendered as an SVG with custom margins, tick formatting, and axis labels using d3.format.

BBo Yang
86% match