Scatterplots

Car Scatter Plot

This scatter plot visualizes the relationship between vehicle weight and horsepower for cars from the Auto MPG dataset sourced from the UCI Machine Learning Repository. Each semi-transparent circle represents a single car, positioned along a linear scale for both axes, with gridlines and labeled tick marks. The visualization is built using D3 v5, employing `scaleLinear`, `axisBottom`, `axisLeft`, and SVG circles to render the chart, while formatting labels and titles through CSS classes.

JJenny

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 represent individual vehicles, with axes labeled accordingly. The code uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` functions to map data to the SVG canvas, while `csv` loads the external dataset. Grid lines and axis labels are styled via CSS, and the visualization is rendered entirely as SVG elements.

LLakshmi9666

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. Red semi-transparent circles mark each vehicle, with axes labeled accordingly and gridlines drawn. The visualization uses D3 v5, employing `csv` to load data, `scaleLinear` and `extent` for scaling, `axisBottom` and `axisLeft` for axes, and SVG rendering for output. Data types are parsed and coerced to numbers before plotting.

Ooabundes

Scatter Plot

This scatter plot visualizes the relationship between car horsepower and weight, 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 the car's horsepower on the x-axis and weight on the y-axis, allowing for patterns in the trade-off between engine power and vehicle mass to be observed. The visualization is built with D3 v5, using `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for tick marks, and `csv` to load the dataset. The SVG output is styled through external CSS, with axes, labels, and a title rendered alongside the circles.

AAdrianTNare

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 generated using d3.axisLeft and d3.axisBottom. The SVG rendering includes tick marks and labeled axes, with the chart built using D3 v5’s selection and scale APIs after parsing the CSV data with d3.csv.

Yyoghurtx

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, using red semi-transparent circles. Built with D3 v5, the code loads CSV data, applies linear scales, and renders SVG axes with tick marks and labels. It uses `d3.csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with formatting applied via CSS classes for titles and axis text.

LLakshmi9666

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 linear scales mapping horsepower and weight. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to render axes and gridlines. Data is loaded as CSV and parsed to numeric values, then rendered as SVG circles within a margin-based layout.

Mmicyen

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. Using D3 v5, the code loads the CSV data, applies linear scales via `d3.scaleLinear`, and renders red, semi-transparent circles as SVG elements. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, complete with tick marks, labels, and a title, all styled through CSS.

Aavesh1998