Line Time

100%

✓ Published0🌍 Public

Last edited Aug 13, 2022

Created on Aug 13, 2022

This scatter plot displays the relationship between horsepower and weight for cars in the Auto MPG dataset from the UCI Machine Learning Repository. The SVG render uses d3.csv to load the data, then d3.scaleLinear with extent to map values to screen coordinates, with axes drawn via d3.axisBottom and d3.axisLeft. Red semi-transparent circles mark each car, and contextual labels for the axes and title are added as 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…

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

91% match

Loading thumbnail…

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

91% match

Loading thumbnail…

Scattered 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 its horsepower (x-axis) and weight (y-axis). The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the labeled scales. The SVG rendering includes styled axis ticks, labels, and a title, with circles appended to a grouped element translated by calculated margins.

AAdeola Oni

91% 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 data set. Using d3.scaleLinear for both axes and d3.axisBottom/axisLeft for tick marks, it renders red, semi-transparent circles with a fixed radius in an SVG. The code loads data asynchronously via d3.csv, coerces numeric fields, and includes custom axis labels and a title styled with CSS.

Vveagy

91% 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. 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

91% 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. Red semi-transparent circles are placed using d3.scaleLinear for both axes, with gridlines from d3.axisBottom and d3.axisLeft. The code loads CSV data via d3.csv, converts numeric fields, and renders the SVG using D3 v5 selections and data joins. Axis labels and a title are appended as SVG text elements.

FFenghua-Liu-Bose

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

91% 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. Red semi-transparent circles represent individual vehicles, with axes labeled and scaled using d3.scaleLinear and d3.extent. The SVG rendering leverages d3.csv to load data, d3.axisBottom and d3.axisLeft for gridlines and ticks, and custom text elements for titles and axis labels. The code demonstrates basic data parsing and margin-based layout with d3.v5.

Ssinghmanish2211

91% match