Scatter Plot

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 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 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

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 positioned using d3.scaleLinear with axes rendered via d3.axisBottom and d3.axisLeft, loaded from a CSV file using d3.csv. The SVG-based chart includes labeled axes and a title, with data parsed into numeric values before rendering.

Aarhtudormorar

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 positions scaled by d3.scaleLinear and axes rendered using d3.axisBottom and d3.axisLeft. The code loads data via d3.csv, converts numeric fields, and draws the SVG chart with margins, axis labels, and a title. The visualization uses d3 v5 and renders entirely as SVG.

YYouhana Mikhaiel

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

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

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 SVG rendering uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.csv to load the data. Red semi-transparent circles represent individual car models, with gridlines and axis labels generated via d3’s axis methods.

AAbhijit Roy