Basic Scatterplot

100%

Basic Scatterplot

✓ Published1🌍 Public

Last edited May 12, 2021

Created on May 12, 2021

This scatterplot displays the relationship between car fuel efficiency (MPG) and weight using data from the UCI Auto MPG dataset, rendered as green semi-transparent circles on an SVG canvas. It shows how heavier vehicles tend to have lower miles per gallon. The visualization uses D3 v6 methods including `csv` for data loading, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` for grid-lined ticks. Margins, custom tick formatting, and axis labels are configured in JavaScript, with styling applied via CSS classes.

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 displays the relationship between car weight and fuel efficiency (mpg) using data from the UCI Machine Learning Repository's Auto MPG dataset. Each red circle represents a car, plotted with d3.scaleLinear scales for both axes, which are rendered using d3.axisBottom and d3.axisLeft with gridlines. The visualization is built with D3 v5, using selection and data binding to append circles to an SVG, while styling is applied through CSS for opacity and font sizes.

Nnikeshkv

93% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between car weight and fuel efficiency (MPG) using the Auto MPG dataset from UCI. Each circle represents a car, positioned by weight on the x-axis and miles per gallon on the y-axis, with radius proportional to weight. The code uses d3.csv to load data, d3.scaleLinear for scales, and d3.axisLeft and d3.axisBottom to render axes with gridlines. SVG circles are drawn with fixed blue fill and 30% opacity, while axis labels and tick formatting come from D3 v5’s selection and format utilities.

Mmcorace

92% match

Loading thumbnail…

Cars Plot

This scatter plot visualizes the relationship between vehicle weight and fuel efficiency (MPG) using data from the UCI Machine Learning Repository’s Auto MPG dataset. It uses D3.js with an SVG rendering, where each circle represents a car, with position determined by linear scales for both axes. The code employs `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` for scaling and axes, while `csv()` loads the external dataset. Axis labels and a title are added via SVG text elements, with circles styled in translucent red.

CCaleb

92% match

Loading thumbnail…

Cars Scatterplot

This scatterplot visualizes the relationship between car weight and miles per gallon (MPG) for vehicles from the UCI Auto MPG dataset. Each circle represents a car, with weight plotted on the x-axis and MPG on the y-axis, revealing a negative correlation. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, while data is loaded via `csv` and rendered as SVG circles with gridlines. Axis labels and a title are added using D3 selections.

Mmla341

91% match

Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes the relationship between vehicle weight and fuel efficiency (MPG) for a dataset of cars from the UCI Machine Learning Repository. Each red, semi-transparent circle represents a car, with its horizontal position determined by weight and vertical position by MPG, revealing a negative correlation between the two variables. The visualization is built using D3 version 5, employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and custom SVG text elements for the title and axis labels. Data is loaded from a CSV file and rendered as SVG circles with a fixed radius of 10 pixels.

Ssslee8778960

90% match

Loading thumbnail…

Auto MPG Summary

This scatterplot visualizes the relationship between fuel efficiency (mpg) and vehicle weight for a dataset of cars. Each circle represents a car, with its position determined by its mpg and weight values. The visualization uses D3 v5 to load data from a CSV file and render SVG circles. It employs `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.extent` to compute scale domains. Gridlines are created using negative tick sizes, and axis labels are rotated for clarity.

Bbukbukbukka

90% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between miles per gallon (MPG) and vehicle weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each circle represents a car, with axes labeled for MPG and weight. The visualization uses D3 v6 with `scaleLinear` and `extent` to map data ranges, `axisBottom` and `axisLeft` for gridlines and ticks, and SVG circles with a steelblue fill. The graph includes axis titles and a header, with data loaded via `csv` from an external URL.

Ggoodej

90% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between MPG and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set, with each circle representing a vehicle. The chart uses a blue, semi-transparent point encoding to reveal density and patterns across the axes, labeled “MPG” and “Weight.” Built with D3 v5, the code employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick rendering, and `csv` to load and parse the data. The SVG rendering includes custom margins, tick lines, and axis labels styled via CSS.

Xxhoumba

90% match