Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published1🌍 Public

Last edited Aug 6, 2020

Created on Aug 6, 2020

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.

AI-generated description

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

Lessons by Curran Kelleher in Youtube

MIT Licensed

Similar vizzes

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 axes labeled accordingly. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG. Data is loaded via `csv` and parsed into numeric values, with a gridline effect achieved by custom tick sizes.

JJunheZhang66

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot displays 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 axes labeled and a title. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map data values to SVG positions and render gridlines. Data is loaded via `csv` and parsed, with the plot drawn using SVG circle elements.

Hhuankoh

98% match

Loading thumbnail…

Cars Scatter Plot

Hhuankoh

98% match

Loading thumbnail…

Cars Scatter Plot

Hhuankoh

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 its position determined by the d3.scaleLinear scales for the x- and y-axes, and the chart includes labeled axes and a title. The code loads CSV data via d3.csv, converts numeric fields, and renders the SVG using d3.axisBottom and d3.axisLeft for the axes, with styling from external CSS.

Nnpollakm

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 axes labeled for both variables and grid lines drawn from the tick marks. Built with D3 v5, the visualization uses `d3.csv` to load the data, `scaleLinear` and `extent` for scaling, and `axisBottom` and `axisLeft` to render the axes with custom tick sizing and padding. The SVG rendering includes styled text elements for the title and axis labels.

BbeauMarko

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 data set. Red, semi-transparent circles mark each car’s values, with axis labels and a title clarifying the variables. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` functions to map data and render axes, while `csv` loads the dataset and SVG circles represent the points.

Eeherchen

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

98% match