10 - cars scatta'plot - dataviz 2018

100%

10 - cars scatta'plot - dataviz 2018

✓ Published2🌍 Public

Last edited Nov 23, 2021

Created on Nov 22, 2021

Forked from 10 - scatta'plot - dataviz 2018

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each circle represents a car, with opacity to reveal overlapping points. The chart uses d3.csv to load data, d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for ticks, and d3.extent to set domains. SVG circles are rendered with d3 selections, while styled axis labels and gridlines are drawn via tickSize and tickPadding. The background and circle styling come from CSS in the accompanying stylesheet.

AI-generated description

datraviz 2018 #10 - cars scatter plot

-- 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 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with positions mapped by d3.scaleLinear scales and axes rendered using d3.axisLeft and d3.axisBottom. The SVG output includes tick marks, axis labels, and a title, all styled via external CSS. Data is loaded asynchronously with d3.csv and parsed into numeric values before being bound to circles with d3’s data join.

RRobindj2000

93% 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 circle represents a car, with its position determined by d3.scaleLinear scales and its size fixed. The code uses d3.csv to load the data, d3.axisBottom and d3.axisLeft to render axes with grid lines, and appends SVG circles with a red, semi-transparent fill. Axis labels, a title, and tick styling are added via D3 selections and CSS classes.

Ffurkaanutkuu99

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

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

93% 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. Each red, semi-transparent circle represents a car, with axes labeled and a title noting the variables compared. Built with D3 v5, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` to render ticks and gridlines. SVG circles are appended and positioned via the scales, with styling handled by external CSS.

LLittledevil7

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

93% match

Loading thumbnail…

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. Each red, semi-transparent circle represents a car, with its position determined by horsepower on the x-axis and weight on the y-axis, both scaled using `d3.scaleLinear`. The code loads the CSV data with `d3.csv`, parses numeric fields, and renders axes via `d3.axisLeft` and `d3.axisBottom` with tick marks. SVG circles are appended to the chart, and labels for axes and title are added using D3’s selection methods.

Yykki

93% 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 vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with gridlines via `tickSize`. Data is loaded asynchronously via `csv` and parsed into numeric values before rendering. The SVG output positions circles based on scaled x and y coordinates, while margins and labels are applied through manual transforms and CSS styling.

SSushanta77

93% match