Fork of Cars Scatter Plot

100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public

Last edited Feb 8, 2021

Created on Feb 8, 2021

A scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset, with each red semi-transparent circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data and render SVG axes with gridlines, while circles are appended via a data join. Labels and a title are added as SVG text elements, with styling defined in an external stylesheet.

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…

Fork of 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 its position determined by these two attributes. The visualization is built using d3.scaleLinear for axis scaling, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for labeled axes with grid lines. Rendered as an SVG, the chart includes axis labels and a title styled via CSS.

IIsigned

98% match

Loading thumbnail…

Fork of 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 axes labeled and gridlines drawn using D3’s `scaleLinear`, `axisBottom`, and `axisLeft`. The SVG rendering uses d3.csv to load data, parses numeric fields, and appends circles with attributes set via scales. Titles and axis labels are added with D3’s text selections, while styled CSS controls circle opacity, tick marks, and font sizes.

Aaidatabaeva

98% match

Loading thumbnail…

Fork of 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 each car, with the horizontal axis showing horsepower and the vertical axis showing weight. The visualization uses D3 version 5, specifically the `scaleLinear`, `axisLeft`, and `axisBottom` APIs, to construct the axes and scales. Data is loaded as CSV from a remote URL, and the SVG rendering includes axis labels, a title, and grid lines styled via CSS.

Ddeep221b

98% match

Loading thumbnail…

Fork of 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 vehicle, with axes labeled and a title displayed. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the numeric fields onto the SVG canvas. Data is loaded via D3’s `csv` function, and the plot is rendered as an SVG, with large, styled text for readability.

EEevikettu

98% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, sourced from the UCI Machine Learning Repository’s Auto MPG data set. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear scales for both axes, and the plot includes labeled axes with a title. The visualization is built using D3 v5’s select, csv, extent, axisLeft, and axisBottom APIs, rendering as SVG on a web page.

VVighnesh Gawad

98% match

Loading thumbnail…

Fork of 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. Red semi-transparent circles represent each car, with axes labeled and a title indicating the variables compared. The visualization uses D3 v5’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to map data values to SVG coordinates and render tick marks, grid lines, and labels. Data is loaded via `csv` and parsed into numeric fields before being bound to circles.

Aanagi2597

98% match

Loading thumbnail…

Fork of 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 encode each car, with axes labeled and a title. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to render an SVG chart. Data is loaded via D3’s `csv` method and parsed into numeric values before being mapped to scales.

Oo-n-e

98% match

Loading thumbnail…

Fork of 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 each vehicle, with axes labeled and a title displayed. The visualization uses D3 v5 with `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, while data loading relies on `d3.csv`. The SVG output includes grid lines, axis labels, and tick formatting, all styled via CSS.

Pparniantaghipour

97% match