Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published1🌍 Public
Ggundupatil
Last edited Dec 31, 2019
Created on Dec 31, 2019
Forked from Cars Scatter Plot

This scatter plot from the UCI Auto MPG dataset shows the relationship between horsepower and weight for cars, with each point representing a vehicle. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while semi-transparent red circles convey data density. Data is loaded via `csv()` from a remote URL, and the code explicitly parses numeric fields before rendering. The chart includes labeled axes and a title, with gridlines created through tick sizing.

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…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Auto MPG dataset, showing the relationship between horsepower and weight. Each circle represents a car, with its position determined by horsepower and weight values, rendered as red semi-transparent SVG circles. The plot includes labeled axes, a title, and grid lines. The code uses D3 v5's `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` APIs to construct the visualization, though the legend component is defined but not actively used. Data is loaded from a CSV file via D3's `csv` function and processed before rendering.

JJimmyDiGioia
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
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Using d3.v5, the code applies linear scales, axis components, and SVG circles with red fill and opacity to render each data point. The chart includes labeled axes, a title, and gridlines created through tick sizing. Data is loaded via d3.csv and parsed before rendering.

Ppkcesar
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG data set, with each red semi-transparent circle representing a vehicle. The code uses D3 v5 API functions like `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create an SVG rendering. It employs a linear scale for both axes and includes labeled axes, a title, and a grid formed by tick lines. Data is loaded asynchronously from a remote CSV file and parsed into numeric values before being plotted.

CCharles
97% match
Loading thumbnail…

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 visualization uses D3 v7’s scaleLinear, axisBottom, and axisLeft APIs to map the data to SVG coordinates, while an interactive grid and labeled axes clarify the distribution. The chart also includes a title and axis labels styled via CSS, with data loaded asynchronously through D3’s csv function and numeric fields parsed from strings.

Aash301
97% match
Loading thumbnail…

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 axis labels and gridlines clarifying the distribution. The code uses D3 v5 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG. Axes are customized with tick sizes, padding, and rotated labels, while the title remains empty.

Hhuankoh
97% 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. 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.

SShawn Kearney
97% 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
97% match