Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published2🌍 Public

Last edited Jan 5, 2020

Created on Jan 5, 2020

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for labeled tick marks, and `extent` to set the domains. Red semi-transparent circles represent individual data points, while axis labels and a title annotate the chart. The code loads data via `csv` and converts string values to numbers before rendering.

AI-generated description

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

MIT Licensed

Similar vizzes

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

99% match

Loading thumbnail…

Cars Scatter Plot

Hhuankoh

99% match

Loading thumbnail…

Cars Scatter Plot

Hhuankoh

99% 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. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for both axes and `axisBottom` and `axisLeft` to generate tick marks. Each car is represented as a red, semi-transparent circle positioned using the `cx` and `cy` attributes, with axis labels and a title included. The data is loaded as CSV and parsed into numeric values before rendering.

SSimon Pettersson

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. Red semi-transparent circles represent individual vehicles, with axes labeled accordingly and gridlines drawn from tick marks. The visualization uses D3 v5 APIs including `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select`. Data is loaded from an external CSV, parsed into numeric values, and rendered as SVG circles within configured margins and scales.

Ssppcmccoy

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 noting the variables compared. Built with D3 v5, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` to render ticks and gridlines. SVG circles are appended and positioned via the scales, with styling handled by external CSS.

LLittledevil7

98% match

Loading thumbnail…

Cars Scatter Plot

This scatterplot 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 its position determined by a linear scale for both axes. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG axes and plot circles. The code manually appends axis labels and a title, removes default axis domains, and formats tick text via CSS.

Hhberrong

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, with each red semi-transparent circle representing a single vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data to SVG coordinates, drawing axes with tick marks and labeled titles. Axis padding and margins position the plot, while CSS controls circle opacity and font styling. The code loads data via `csv` from a remote URL, converting numeric fields before rendering the scatter plot with D3’s data join.

PPhilippe Rigovanov

98% match