Cars Scatter Plot

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with axis labels and a title. Built with D3.js v5, the code uses `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, scale domains, and render axes. The SVG output is styled via CSS, with circles at 10px radius and semi-transparent opacity.

Mmyskotima130

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository's Auto MPG data set. The visualization uses a D3.js v5 SVG renderer with a linear scale for both axes, positioning red, semi-transparent circles to represent each car. The code employs D3's `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` functions to load the data from a remote CSV file, calculate the domains, and render the axes with tick marks and axis labels.

LLinn

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 its position determined by the car’s horsepower on the x-axis and weight on the y-axis. The visualization uses d3.csv to load the data, then leverages d3.scaleLinear, d3.extent, d3.axisBottom, and d3.axisLeft to construct the axes and scales. The SVG rendering includes grid lines and labeled axes, with the chart drawn within specified margins using D3’s selection and data-join methods.

SSnipeShoot

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axes labeled “Horsepower” and “Weight” and a title reading “Cars: Horsepower vs. Weight.” The visualization is built using D3 v5, employing scaleLinear for both axes, axisBottom and axisLeft for tick marks, and csv to load and parse the remote data file. All rendering occurs in an SVG canvas with custom styling for ticks, labels, and titles.

AAndrei Tuta

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each blue, semi-transparent circle represents a vehicle, with axes labeled “Horsepower” and “Weight” alongside a title. Built with D3 v5, the visualization uses `d3.csv` to load the data, `d3.scaleLinear` and `d3.extent` for scaling, and `d3.axisBottom` and `d3.axisLeft` to render gridlines and tick marks. The SVG rendering includes custom margins, axis labels, and a title, with styling applied via CSS.

ZZhang Shengli

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 scaled by d3.scaleLinear and axes rendered using d3.axisBottom and d3.axisLeft. The code loads data via d3.csv, converts numeric fields, and draws the SVG chart with margins, axis labels, and a title. The visualization uses d3 v5 and renders entirely as SVG.

YYouhana Mikhaiel

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 position determined by d3.scaleLinear mappings for both axes, along with axis labels and a title. The code uses d3.csv to load the data, d3.axisLeft and d3.axisBottom for tick marks, and d3.extent to set scale domains. The SVG rendering approach includes gridlines via tickSize and a rotated axis label.

Ttoeric

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG data set. Red, semi-transparent circles represent individual vehicles, with axis labels and a title clarifying the variables. The code uses D3 v5’s `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` functions to load data, scale values, and render SVG axes and circles. Gridlines are drawn using tick sizes that span the plot’s inner dimensions.

Mmargaretgoode