Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published1🌍 Public

Last edited Aug 18, 2019

Created on Aug 18, 2019

This interactive scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Red semi-transparent circles represent individual car models, with a title and labeled axes. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the chart. Data is loaded as CSV via the `csv` function, and the SVG output is styled with custom CSS for tick marks, labels, and title typography.

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 cars from the UCI Auto MPG dataset. Red, semi-transparent circles represent individual car models, plotted using D3 v5’s `scaleLinear` for both axes. The SVG rendering uses `axisLeft` and `axisBottom` to create labeled axes, with grid lines and a title. Data is loaded as CSV and parsed into numeric fields before mapping to coordinates.

LLeoGlt

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Each red semi-transparent circle represents a car, with axis labels and gridlines clarifying the distribution. The code uses D3 v5 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG. Axes are customized with tick sizes, padding, and rotated labels, while the title remains empty.

Hhuankoh

98% match

Loading thumbnail…

Cars Scatter Plot

A scatter plot displays the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axes labeled and a title above the chart. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to map data to SVG coordinates, with margins and tick formatting applied. Data is loaded as CSV and parsed before rendering.

Aacongo

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository’s Auto MPG data set. Red semi-transparent circles mark each car, with axes labeled accordingly. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the scatter plot, rendering via SVG. The code loads CSV data asynchronously, converts numeric fields, and applies a linear scale to both dimensions, with a title displayed above the grid.

Ddev-snip

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. Red semi-transparent circles represent individual car models, with the title "Cars: Horsepower vs. Weight" displayed above the plot. Built with D3 v5, the code uses `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, while `csv()` loads the dataset and converts numeric fields. The SVG rendering applies styling through a linked stylesheet, with axis labels and tick formatting defined in CSS.

HHe110wor1d

98% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Auto MPG dataset. Red semi-transparent circles represent individual cars, with axes labeled and gridlines rendered via d3.axisBottom and d3.axisLeft. Built with d3.v5 and SVG, the code uses d3.scaleLinear, d3.extent, and d3.csv to load and scale the data, displaying the chart within a 960x500 viewport.

Eexcalibur1987

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. Red semi-transparent circles mark each vehicle, with axes labeled and a title displayed in SVG. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, scale positions, and render axes. Data values are coerced to numbers before being plotted, with margins and tick formatting configured through D3's selection and scale methods.

Nnaziafrin

97% 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. Red semi-transparent circles mark each vehicle, with axes labeled and gridlines drawn. Built with D3 v5, the code uses `scaleLinear`, `axisBottom`, and `axisLeft` to map data and render SVG elements. Data is loaded via `csv` and parsed into numeric values before being plotted.

Ppablofacin

97% match