Cars Scatter Plot

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository's Auto MPG Data Set. Each red semi-transparent circle represents a car, with its x-position mapped to horsepower and y-position to weight. The visualization is rendered as an SVG using D3 v5, employing `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while CSS styles the circles and text elements. The data is loaded via D3's `csv` function from a remote URL.

JJosé

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

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 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 d3.scaleLinear functions mapping horsepower and weight to pixel coordinates along the x- and y-axes. The visualization uses D3 v5 to render SVG elements, including axis labels and a title. The code parses the CSV data with d3.csv, converting numeric fields, and applies axis labels via d3.axisBottom and d3.axisLeft.

RRenato Francia Castillo

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 the x-axis mapping horsepower and the y-axis mapping weight. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct axes, while `csv` loads the external data. All marks and text are rendered as SVG elements within a 960×500 viewport.

Mmondalutpal

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 positions determined by d3.scaleLinear scales for both axes. The visualization uses D3 v5 to load CSV data, parse numeric fields, and render SVG elements, including axes generated with d3.axisLeft and d3.axisBottom. The chart is styled with custom CSS, and the visualization runs within an SVG container as specified in the HTML structure.

1158andCAT

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 position determined by the linear scales built using `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` for axes. The SVG rendering includes labeled axes and a title, styled via CSS. Data is loaded as CSV with `d3.csv` and parsed to numeric values before being rendered.

WWai Kit Tsang

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