Fork of Cars Scatter Plot

100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public

Last edited Dec 24, 2021

Created on Nov 27, 2021

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.

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 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 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, positioned according to its horsepower (x-axis) and weight (y-axis). The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to build the axes, while data is loaded via `d3.csv` and rendered as SVG circles. The chart includes labeled axes and a title, with styling applied through CSS.

HHaowenWeiJohn

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 vehicle’s values, with axis labels and tick marks generated using d3.axisLeft and d3.axisBottom. The chart uses d3.scaleLinear with extent-based domains and nice rounding, while SVG rendering handles the presentation. A title and rotated axis label are added manually, with styling applied via CSS classes for ticks, labels, and the caption.

Rradkol

98% match

Loading thumbnail…

Fork of Cars Scatter Plot

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.

Nnshedd

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 data set. Red, semi-transparent circles represent individual cars, revealing the general trend and density of data points across the two quantitative axes. The visualization is built with D3 v5, using an SVG rendering approach. The code constructs linear scales for both axes, applies nice rounding, and renders grid lines through D3's axis generators, with labels applied via text elements.

HHojjat Karami

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 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 Data Set. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the coordinate system. Each data point appears as a semi-transparent red circle positioned via SVG circle elements, with axis labels and a title added through SVG text elements.

Ccindy203cc

98% match