Cars Scatter Plot

Cars Scatter Plot

This scatter plot displays 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 determined by d3.scaleLinear scales and axes rendered via d3.axisLeft and d3.axisBottom. The visualization uses D3 v5 to load CSV data and render SVG circles with steelblue fill and opacity. Grid lines are created through tick size adjustments, and the title incorrectly references population data.

Ttonestar

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 scatterplot 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 its position determined by a linear scale for both axes. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG axes and plot circles. The code manually appends axis labels and a title, removes default axis domains, and formats tick text via CSS.

Hhberrong

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

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 dataset. Each red, semi-transparent circle represents a car, with its horizontal position mapped to horsepower and vertical position to weight, using a linear scale for both axes. Axes are labeled and include gridlines, and a title appears above the plot. The visualization is built with D3 v5, using `scaleLinear`, `axisBottom`, `axisLeft`, `csv`, and `extent` to process data and render SVG elements.

EEric Torres