Fork of Cars Scatter Plot

100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public

Xx900.cs11@nycu.edu.tw

Last edited Sep 7, 2024

Created on Sep 7, 2024

This scatter plot visualizes the relationship between horsepower and weight for 392 cars, with each vehicle represented as a red, semi-transparent circle. The visualization is built with D3 v5 and renders to SVG, using the `scaleLinear`, `axisBottom`, and `axisLeft` functions to construct the plot’s axes, complete with grid lines and rotated axis labels. Though the code is currently hardcoded to a single data point, the commented-out `csv` call indicates the intended source is the UCI Auto MPG dataset. The chart does not currently display the full dataset, only the one specified car model.

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 Auto MPG dataset, with each red semi-transparent circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes and gridlines, while `csv` loads the external data and `select` manages SVG elements. Values are converted to numbers before rendering, and the title, axis labels, and tick formatting are styled via a separate CSS file.

PPuja Maharjan

95% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each red semi-transparent circle representing a vehicle. The code uses D3 v5’s `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to load data from the UCI Auto MPG dataset and render an SVG chart. Axes include tick marks and labels, while a title and rotated y-axis label are manually positioned. Filtering and data type conversion occur before rendering, matching the original example’s styling and layout.

AAlexandre Pinho

94% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository's Auto MPG data set. Red semi-transparent circles encode each car's two attributes on linear axes, with a title labeling the chart. The visualization uses D3 v5 functions like `csv` for data loading, `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` to build the scaled axes, rendered as SVG.

Iianjwo

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

94% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars in the UCI Auto MPG dataset. Each red, semi-transparent circle represents a car, positioned by its measured attributes. The visualization uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, with the `csv` function loading the data from a remote URL. The SVG rendering includes styled tick marks and axis labels, with the chart's title and labels formatted via a linked CSS file.

KKamilPawel

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

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

94% 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. Red semi-transparent circles represent individual vehicles, with axes labeled "Horsepower" and "Weight" and a title at the top. The visualization is built with D3 version 5 using `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, rendered as SVG. The code includes a video embed in the README and styles text using CSS classes for tick labels, axis labels, and the title.

NNikhil Prakash

94% match