Fork of Cars Scatter Plot

100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public

Last edited Mar 8, 2021

Created on Mar 8, 2021

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, showing the relationship between horsepower and weight for various car models. Each circle is color-coded by the car’s origin, and hovering reveals a tooltip with the car’s name and origin. The visualization is built with D3 v5, using `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleOrdinal` for scales, and `d3.axisBottom` and `d3.axisLeft` for axes. The SVG rendering includes grid lines, axis labels, and a 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 automotive data from the UCI Machine Learning Repository’s Auto MPG dataset, showing the relationship between horsepower and weight for individual car models. The visualization uses D3 v5 with an SVG rendering approach, employing `d3.scaleLinear` for both axes, `d3.axisLeft` and `d3.axisBottom` for ticks, and `d3.csv` for data loading. Red, semi-transparent circles mark each car, with grid lines and labeled axes clarifying the quantitative values. The code parses all numeric fields and applies margins to position the chart within a 960×500 pixel SVG canvas.

Jjpdlourenco98

96% match

Loading thumbnail…

Fork of Cars Scatter Plot

Jjpdlourenco98

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

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

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

96% match

Loading thumbnail…

Fork of 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 data set. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear scales for both axes, and the plot includes labeled axes with a title. The visualization is built using D3 v5’s select, csv, extent, axisLeft, and axisBottom APIs, rendering as SVG on a web page.

VVighnesh Gawad

96% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot from the UCI Machine Learning Repository’s Auto MPG dataset compares car horsepower on the x-axis against weight on the y-axis. Each circle represents a car, rendered using SVG with a fixed radius and semi-transparent red fill. The visualization uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisBottom and d3.axisLeft for axes. Axis labels and a title are added as SVG text elements.

WWasanta Pruttisarikorn

96% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, comparing horsepower against weight for individual car models. Red semi-transparent circles represent each car, with a title and labeled axes for clarity. The visualization uses d3.csv to load the data, d3.scaleLinear for scaling, and d3.axisBottom and d3.axisLeft to draw the axes alongside gridlines, all rendered as SVG elements within a 960 by 500 pixel canvas. Axis labels and the chart title are added as text elements with styling from CSS.

Ssohum42

95% match