Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published0🌍 Public

Last edited Feb 25, 2020

Created on Feb 25, 2020

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with axis labels and a title. Built with D3.js v5, the code uses `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, scale domains, and render axes. The SVG output is styled via CSS, with circles at 10px radius and semi-transparent opacity.

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 visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red semitransparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with gridlines and labeled axes. The code uses d3.csv to load the data, then d3.scaleLinear, d3.extent, d3.axisBottom, and d3.axisLeft to construct the scales, axes, and SVG circles. Styling comes from external CSS, and the visualization renders entirely in SVG within a fixed 960×500 canvas.

Hhugo-boser

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository's Auto MPG data set. The visualization uses a D3.js v5 SVG renderer with a linear scale for both axes, positioning red, semi-transparent circles to represent each car. The code employs D3's `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` functions to load the data from a remote CSV file, calculate the domains, and render the axes with tick marks and axis labels.

LLinn

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axis labels and a title displayed alongside tick marks. Built with D3 v5, it uses `csv` to load data, `scaleLinear` for both axes, and `axisBottom` and `axisLeft` to render the coordinate system. The SVG-based chart applies a margin convention and uses CSS to style circles, ticks, and text.

YYuShuenWang

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red circle represents a car, with axes labeled and a title displayed. Built with D3.js, it uses `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes. The SVG output includes tick lines, grid lines, and an axis-label rotation, styled via CSS.

PPavel Antoshkin

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each circle represents a car, with its position determined by d3.scaleLinear scales and its size fixed. The code uses d3.csv to load the data, d3.axisBottom and d3.axisLeft to render axes with grid lines, and appends SVG circles with a red, semi-transparent fill. Axis labels, a title, and tick styling are added via D3 selections and CSS classes.

Ffurkaanutkuu99

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axes labeled “Horsepower” and “Weight” and a title reading “Cars: Horsepower vs. Weight.” The visualization is built using D3 v5, employing scaleLinear for both axes, axisBottom and axisLeft for tick marks, and csv to load and parse the remote data file. All rendering occurs in an SVG canvas with custom styling for ticks, labels, and titles.

AAndrei Tuta

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with its x-position scaled by horsepower and y-position by weight. Built with D3 v5, the visualization uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct axes and map data values to SVG coordinates. The code loads CSV data via `csv` and appends circles to an SVG element, with styling defined in an external stylesheet.

Ttayyabanisar

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red circle represents a car, positioned according to its horsepower on the x-axis and weight on the y-axis, with axis labels and tick marks generated using d3-axis. The code uses d3.csv for data loading, d3.scaleLinear for scaling, and d3.extent to compute domains, while the SVG rendering includes custom axis labels and a title.

Ddanrhymes

97% match