Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published1🌍 Public
Aalanhealy
Last edited Dec 11, 2020
Created on Dec 10, 2020
Forked from Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository, showing horsepower versus weight. The visualization uses D3.js (v5) to render an SVG chart with time on the x-axis and views on the y-axis. It employs D3's `scaleLinear`, `scaleTime`, and `scaleOrdinal` for scaling, along with `axisBottom` and `axisLeft` for axes. The data is loaded from a Google Sheets CSV, and multiple line paths are generated using the `nest` API and `lineGenerator` with `curveBasis`, colored via `schemeCategory10`.

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 the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository. Using D3 v6 with an SVG rendering approach, the visualization encodes data points as red semi-transparent circles positioned by linear scales. The axes include grid lines, tick labels, and descriptive axis titles, while a prominent title identifies the comparison. The code demonstrates D3 utilities including `scaleLinear`, `axisBottom`, `axisLeft`, `extent`, and `csv` for data loading.

Xxsg13
95% match
Loading thumbnail…

Cars Scatter Plot

A scatter plot of cars from the UCI Machine Learning Repository visualizes the relationship between horsepower and weight. Each red, semi-transparent circle represents a car, with the x-axis showing horsepower and the y-axis showing weight. The plot is rendered as an SVG using D3 v5, with scales created via `d3.scaleLinear`, axes from `d3.axisLeft` and `d3.axisBottom`, and data loaded asynchronously from a CSV file using `d3.csv`. Custom CSS styles the circles and text, including tick labels and axis labels.

LlyEWL
95% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository. The visualization uses D3 v5, rendering with the `scaleLinear` function to map data values to plot coordinates, while `axisLeft` and `axisBottom` create labeled axes with gridlines. Each car is represented as a lavender circle with 0.8 opacity, plotted against a crimson background. The code loads data from a CSV file using `csv()`, converts numeric fields, and applies nice rounding to the scales for a clean presentation.

AAnnie Liao
95% match
Loading thumbnail…

Cars Scatter Plot 3

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository. Each red circle represents a vehicle, with axes labeled and a title indicating the comparison. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and SVG circles for data points. The data loads from an external CSV via `d3.csv`, with numeric parsing applied before rendering.

DDaniel Piqué
94% match
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
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository, revealing a positive correlation between the two variables. Using D3 v5, the chart employs `scaleLinear` with `extent` to map data values to pixel coordinates, and `axisBottom` and `axisLeft` to render labeled axes with grid lines. Circles are appended to an SVG element with red fill and opacity, and CSV data is loaded asynchronously via `d3.csv`, with numeric fields parsed before rendering.

Bben-chin-43
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, displaying horsepower versus weight. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleTime` for axes, along with `axisLeft` and `axisBottom` to create labeled time and temperature scales. Data is loaded via D3’s `csv` method and mapped to circle elements with red fill and partial opacity. The chart includes a title, axis labels, and a grid generated through tick size settings.

Mmyskotima130
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository's Auto MPG Data Set. The visualization uses D3 v5 to render SVG circles, with each point representing a single car. The code employs D3's `scaleLinear` for both axes, `axisLeft` and `axisBottom` for the coordinate system, and `extent` to compute the data domain. The raw CSV data is loaded and parsed via D3's `csv` method.

Cchrisvaillancourt
94% match