Fork of Cars Scatter Plot

100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public

Last edited Jul 7, 2021

Created on Jul 7, 2021

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.axisBottom` and `d3.axisLeft`. The code loads data via `d3.csv`, parses numeric fields, and appends SVG circles and text labels. Interactive video instructions are embedded via an iframe. The visualization uses D3 v5, with styling defined in external CSS for ticks, labels, and the title.

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 Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axes labeled accordingly. The visualization uses D3 v5 with d3.csv, d3.scaleLinear, d3.extent, d3.axisBottom, and d3.axisLeft to map the data, render SVG circles, and draw gridlines and labels. The code imports specific functions from D3 via ES modules and formats the chart with custom margins, tick styling, and a title.

TTchea JiaWei

97% match

Loading thumbnail…

Fork of 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, implementing linear scales, axes, and circles to encode the data points. The code loads the CSV data asynchronously, parses numeric fields, and applies margin conventions to position the axes and title. The styling uses red semi-transparent circles and custom axis-label and title sizes.

Aartijain688

97% match

Loading thumbnail…

Fork of 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. Red semi-transparent circles represent each car, with axes labeled and a title indicating the variables compared. The visualization uses D3 v5’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to map data values to SVG coordinates and render tick marks, grid lines, and labels. Data is loaded via `csv` and parsed into numeric fields before being bound to circles.

Aanagi2597

97% match

Loading thumbnail…

Fork of 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. Red semi-transparent circles represent each car, with the horizontal axis showing horsepower and the vertical axis showing weight. The visualization uses D3 version 5, specifically the `scaleLinear`, `axisLeft`, and `axisBottom` APIs, to construct the axes and scales. Data is loaded as CSV from a remote URL, and the SVG rendering includes axis labels, a title, and grid lines styled via CSS.

Ddeep221b

97% match

Loading thumbnail…

Fork of 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. The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft with custom tick sizing to render the SVG chart. Each car is drawn as a red, semi-transparent circle with a radius of 10 pixels, positioned via d3’s scale functions. Axis labels and a title are added using SVG text elements.

Ggmemail3@gmail.com

97% match

Loading thumbnail…

Fork of 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. Red semi-transparent circles encode each car, with axes labeled and a title. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to render an SVG chart. Data is loaded via D3’s `csv` method and parsed into numeric values before being mapped to scales.

Oo-n-e

97% match

Loading thumbnail…

Fork of 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. Red semi-transparent circles represent individual cars, revealing the positive correlation between the two variables. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes and scales. The code also formats tick labels and adds axis labels and a title within the SVG, with all data loaded asynchronously via `d3.csv`.

PPogrebnaya

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

97% match