Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plots

✓ Published1🌍 Public
EecoBela
Last edited Aug 29, 2019
Created on Aug 25, 2019
Forked from Scatter Plots

This interactive 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. It uses D3.js v5 with SVG rendering, mapping each car to a semi-transparent red circle positioned via `d3.scaleLinear` and `d3.extent`. The axes are generated with `d3.axisLeft` and `d3.axisBottom`, featuring custom tick sizes and labels. Data is loaded as CSV and parsed for numeric fields before rendering.

AI-generated description

This scatter plot shows data about cars from [UCI Machine Learning Repository: Auto MPG Data Set] (http://mlr.cs.umass.edu/ml/datasets/Auto+MPG).

MIT Licensed

Similar vizzes

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 data set. Using D3 v5 with SVG rendering, it maps each car to a red, semi-transparent circle whose position is determined by linear scales for both axes. The chart includes labeled axes with grid lines, a title, and formatted tick marks generated via `d3.axisBottom` and `d3.axisLeft`, with data loaded asynchronously via `d3.csv`.

Vveagy
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 data set. Using D3 v5 with SVG rendering, it maps each car to a red, semi-transparent circle whose position is determined by linear scales for both axes. The chart includes labeled axes with grid lines, a title, and formatted tick marks generated via `d3.axisBottom` and `d3.axisLeft`, with data loaded asynchronously via `d3.csv`.

Vveagy
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 data set, with each car represented by a semi-transparent red circle. The visualization uses D3 version 5 to load CSV data, scale linearly with `d3.scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`. SVG elements are positioned via data-bound circles, while axis labels and a title are appended as text. The axes use tick lines to create a grid, and all styling is handled through external CSS.

CChinzorigt Ganbat
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. Each red circle represents a car, with axes labeled and a title displayed. Built with D3.js, it uses `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes. The SVG output includes tick lines, grid lines, and an axis-label rotation, styled via CSS.

PPavel Antoshkin
97% match
Loading thumbnail…

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 dataset. It renders each car as a semi-transparent red circle on an SVG canvas, using d3.scaleLinear for both axes. The code employs d3.csv to load the data, d3.axisBottom and d3.axisLeft for the axes, and d3.format for tick labels. Axis labels and a title are appended as SVG text elements.

HHasideluxe
97% 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. Red semi-transparent circles mark each car, with axes labeled accordingly. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the scatter plot, rendering via SVG. The code loads CSV data asynchronously, converts numeric fields, and applies a linear scale to both dimensions, with a title displayed above the grid.

Ddev-snip
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. Each red, semi-transparent circle represents a car, with axes labeled for both variables and grid lines drawn from the tick marks. Built with D3 v5, the visualization uses `d3.csv` to load the data, `scaleLinear` and `extent` for scaling, and `axisBottom` and `axisLeft` to render the axes with custom tick sizing and padding. The SVG rendering includes styled text elements for the title and axis labels.

BbeauMarko
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. Each red, semi-transparent circle represents a car, with axes labeled accordingly. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG. Data is loaded via `csv` and parsed into numeric values, with a gridline effect achieved by custom tick sizes.

JJunheZhang66
97% match