Cars Scatter Plot

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set. Each circle represents a car, with position mapped by scaled linear axes. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and SVG circles for data points. Grid lines are drawn via axis tick sizing, and axis labels and title are added as SVG text elements.

AAnne Lee Steele

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 accordingly. The visualization uses d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and d3.csv to load data. SVG circles are appended via d3’s data join, with gridlines drawn by tick lines.

NNicholas Stebbings

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.scaleLinear for both axes, d3.axisBottom and d3.axisLeft with grid lines, and circles are appended to an SVG with a red, semi-transparent fill and a fixed radius of 10 pixels. Data is loaded from a CSV file using d3.csv, then parsed and rendered.

Ddpratavieira

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 circle represents a car, with red semi-transparent points revealing overlapping data density. The visualization uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load and parse the data, scale the axes, and render the SVG. Grid lines extend from the ticks, and labeled axes with a title clarify the plotted variables.

CChristine

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. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map data values to SVG positions and render gridlines. Data is loaded via `csv` and parsed, with the plot drawn using SVG circle elements.

Hhuankoh

Cars Scatter Plot

Hhuankoh

Cars Scatter Plot

Hhuankoh

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 semi-transparent circle represents a car, with positions determined by linear scales for both axes, using data parsed from a CSV file. The visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render axes with grid lines, while SVG circles are appended via d3 selection and data joins. Axis labels and a title are drawn as SVG text elements, with styling applied via CSS.

MMartin H. Normark