Fork of cars scatter plot II

100%

Fork of cars scatter plot II

✓ Published0🌍 Public

Last edited Jan 14, 2021

Created on Jan 14, 2021

This scatter plot visualizes the relationship between horsepower and acceleration for a dataset of cars sourced from the UCI Machine Learning Repository’s Auto MPG Data Set. Each green, semi-transparent circle represents a car, with its horizontal position determined by horsepower and vertical position by acceleration. The visualization uses D3 v6 APIs including `select`, `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart. The SVG rendering includes styled grid lines, axis labels, and a title, with data loaded asynchronously from a CSV file.

AI-generated description

This scatter plot shows data about cars from the 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 acceleration for cars from the UCI Auto MPG dataset, with each circle representing an individual car. Built using D3 v6, the visualization employs scaleLinear for axes, axisBottom and axisLeft for ticks, and SVG circles with a green, semi-transparent fill. The code loads CSV data from a remote URL, parses numeric fields, and renders the chart with labeled axes and a title using D3’s selection and CSV modules.

Nnexus1058

94% match

Loading thumbnail…

Fork of Cars Scatter Plot

A scatter plot of cars visualizing the relationship between horsepower and weight, with each car represented as a red semi-transparent circle. The data comes from the UCI Machine Learning Repository Auto MPG dataset, loaded via `d3.csv`. The visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `svg.append('circle')` to render points. Axis labels and a title are added using SVG text elements.

Uuskh580e

92% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between acceleration and horsepower for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red semi-transparent circle represents a car, positioned using linear scales. The code employs D3 v5’s `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` functions to load data, map values, and render axes with grid lines. The SVG output includes labeled axes and a title, with styling controlled by external CSS.

DDaniel García

92% 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

92% match

Loading thumbnail…

Cars Scatter Plots

This scatter plot visualizes the relationship between horsepower and acceleration for cars from the UCI Machine Learning Repository’s AUTO MPG dataset. Each semi-transparent steelblue circle represents a car, with positions determined by linear scales. The code uses D3 v5 methods like `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, compute domains, and render axes with SVG. Axis labels and a chart title are added as text elements, while grid lines are generated via tick sizes.

IImmaculata-Mary Muoghalu

92% 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

92% 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, with each green semi-transparent circle representing a car. The axes are clearly labeled, and gridlines extend across the plot to aid reading values. The implementation uses D3 v5 functions like `scaleLinear`, `axisBottom`, and `axisLeft` to construct scales and axes, while SVG circles are appended to a group element with margins. Data is loaded via `d3.csv` and parsed into numeric fields before rendering.

KKonyk Myroslav

91% 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

91% match