Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Wwangqin2215
Last edited May 23, 2019
Created on May 23, 2019
Forked from 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 its position determined by the d3.scaleLinear scales mapping horsepower and weight to the SVG canvas. The code uses d3.select, d3.csv, d3.extent, d3.axisBottom, and d3.axisLeft to load the data, compute domains, and render axes with grid lines. Axis labels and a title are added using SVG text elements.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

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 position determined by d3.scaleLinear mappings for both axes, along with axis labels and a title. The code uses d3.csv to load the data, d3.axisLeft and d3.axisBottom for tick marks, and d3.extent to set scale domains. The SVG rendering approach includes gridlines via tickSize and a rotated axis label.

Ttoeric
98% match
Loading thumbnail…

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, positioned using d3.scaleLinear for both axes. The chart includes labeled axes, tick marks, and a title, all rendered as SVG elements. The code uses d3.csv to load the data, d3.extent to set domains, and d3.axisBottom and d3.axisLeft to generate the axes.

Aarun-subba
98% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository Auto MPG dataset. Each car is represented by a semi-transparent red circle, with positions determined by scaled linear axes for both variables. The code uses d3.csv to load the data, d3.scaleLinear for axis scaling, and d3.axisBottom and d3.axisLeft to render the labeled axes. The SVG is 960 by 500 pixels, and axis labels and a title are added as SVG text elements.

KKKYONG97
98% match
Loading thumbnail…

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 for both axes. The chart includes labeled axes, grid lines, and a title, all rendered as SVG elements. The code uses d3.csv to load the data, d3.axisLeft and d3.axisBottom for the axes, and d3.extent to set the scales’ domains.

Mmcorace
98% match
Loading thumbnail…

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
98% match
Loading thumbnail…

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 semi-transparent red circle represents a car, with its position determined by the d3.scaleLinear axes. The code uses d3.csv to load the data, converts numeric columns, and renders the chart with SVG elements, employing d3.axisBottom and d3.axisLeft for ticks and gridlines. A title and axis labels are appended via D3 text selections.

LLongYuu
98% match
Loading thumbnail…

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 circle represents a car, with its position determined by the d3.scaleLinear scales mapping horsepower to the x-axis and weight to the y-axis. The code uses d3.csv to load the data, d3.axisBottom and d3.axisLeft for the labeled axes, and d3.extent to compute the domain. The SVG rendering includes custom axis labels and a title, with circle opacity set via CSS.

JJared Tanner
98% match
Loading thumbnail…

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 circle represents a car, with its position determined by d3.scaleLinear scales and its size fixed. The code uses d3.csv to load the data, d3.axisBottom and d3.axisLeft to render axes with grid lines, and appends SVG circles with a red, semi-transparent fill. Axis labels, a title, and tick styling are added via D3 selections and CSS classes.

Ffurkaanutkuu99
98% match