Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published2🌍 Public
OOhayouKaminari
Last edited Jan 13, 2020
Created on Jan 13, 2020
Forked from Scatter Plot

This example visualizes the relationship between horsepower and weight for cars from the Auto MPG dataset, sourced from the UCI Machine Learning Repository. Each car is represented as a semi-transparent red circle, with axes labeled accordingly. The implementation uses D3.v5, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the plot. The data is loaded from a CSV file, parsed, and rendered as an SVG, with grid lines, axis labels, and a title styled via CSS.

AI-generated description

Skriv nån text… kommer ifrån 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, using data from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each car, with axes labeled and a title displayed above the plot. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles rendered via data joins. The code loads the dataset as CSV and applies margin-based layout within a 960×500 SVG canvas.

Ffurkaanutkuu99
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 data set. Each red, semi-transparent circle represents a car, with position determined by the linear scales built using `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` for axes. The SVG rendering includes labeled axes and a title, styled via CSS. Data is loaded as CSV with `d3.csv` and parsed to numeric values before being rendered.

WWai Kit Tsang
97% 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
97% 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
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 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. 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
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 data set. Using D3 v5 with SVG rendering, it maps each car to a red, semi-transparent circle whose position is determined by linear scales for both axes. The chart includes labeled axes with grid lines, a title, and formatted tick marks generated via `d3.axisBottom` and `d3.axisLeft`, with data loaded asynchronously via `d3.csv`.

Vveagy
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 data set. Using D3 v5 with SVG rendering, it maps each car to a red, semi-transparent circle whose position is determined by linear scales for both axes. The chart includes labeled axes with grid lines, a title, and formatted tick marks generated via `d3.axisBottom` and `d3.axisLeft`, with data loaded asynchronously via `d3.csv`.

Vveagy
97% match