Yifu's Car Scatter Plot

Car Scatter Plots

This scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset. Each circle represents a vehicle, with horsepower plotted on the x-axis and weight on the y-axis, using D3.js version 5. The visualization uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render axes with grid lines. Circles are appended as SVG elements with a forest-green fill and 50% opacity. The chart includes labeled axes and a title, with margins creating space for the text elements.

LLinn

Cars Scatter Plot

A scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset. Each red circle represents an individual car, positioned along the x-axis by horsepower and the y-axis by weight, with both axes using linear scales. The visualization is rendered as an SVG using D3 v5, leveraging the `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the plot. Data is loaded asynchronously from a CSV file via `csv`, and numeric fields are parsed before rendering.

RRoger Yu-Hsiang Lo

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

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. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear scales mapping horsepower and weight to the SVG canvas. The code uses d3.select, d3.csv, d3.extent, d3.axisBottom, and d3.axisLeft to load the data, compute domains, and render axes with grid lines. Axis labels and a title are added using SVG text elements.

Wwangqin2215

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. Red semi-transparent circles mark each car, with axes labeled and a title displayed above the plot. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles rendered via data joins. The code loads the dataset as CSV and applies margin-based layout within a 960×500 SVG canvas.

Ffurkaanutkuu99

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. Each red semi-transparent circle represents a car, positioned along linear scales for both axes, with tick marks and axis labels rendered in SVG. Built with D3 v5, the code uses `d3.csv`, `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to load data, compute domains, and draw the chart within a specified margin layout.

ZZihan (Lexie) Zhou

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 are placed using d3.scaleLinear for both axes, with gridlines from d3.axisBottom and d3.axisLeft. The code loads CSV data via d3.csv, converts numeric fields, and renders the SVG using D3 v5 selections and data joins. Axis labels and a title are appended as SVG text elements.

FFenghua-Liu-Bose

Cars Scatter Plot

This scatter plot from the UCI Machine Learning Repository Auto MPG dataset visualizes the relationship between car horsepower and weight. Each red, semi-transparent circle represents a car, with position determined by linear scales mapping horsepower to the x-axis and weight to the y-axis. The SVG rendering uses D3 v5 functions including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes with descriptive labels. The visualization includes a title and uses D3's `csv` method to load and parse the data before rendering.

LLinn