A U T O M P G

Cars Scatter Plot

This scatter plot displays the relationship between car weight and model year, with each point representing a vehicle from the auto-mpg dataset. The visualization uses D3.js v5 to render SVG circles with red, semi-transparent fill, mapping weight to the x-axis and year to the y-axis. Axes are customized using `d3.axisLeft` and `d3.axisBottom`, while scales are created with `d3.scaleLinear` and domains set via `d3.extent`. Data is loaded asynchronously from a CSV file using D3’s `csv` method, with numeric fields parsed for plotting.

AAditya-me

Cars Dot/Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, mapping horsepower on the x-axis and weight on the y-axis. Each semi-transparent purple circle represents a car model, with overlapping points revealing density patterns. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `csv` to load and render the data as SVG circles. Axis labels and a grid are drawn using `tickSize` and `tickPadding`, while the chart is positioned within margins via a translated group element.

Mmbergevoet

Cars scatter plot

This scatter plot of cars from the auto-mpg dataset shows the relationship between weight and horsepower for individual vehicles, with each circle representing a car. D3.js v5 scales the data to fit the SVG canvas, and axis generators draw labeled tick marks with gridlines. The code loads the CSV data with `d3.csv`, converts numeric fields, and renders the circles using a linear scale for both axes, with the title and axis labels added as SVG text.

VVlad Bogo

Auto Mpg Scatter plot

This scatter plot displays the relationship between weight and horsepower for cars from the auto-mpg dataset. The visualization uses purple, semi-transparent circles to represent individual data points, with labeled axes and gridlines for readability. The code employs d3.csv to load the data, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom for scales and axes, and appends SVG circles to render the plot.

AAjit Singh

Making Car Scatter Chat

A scatterplot of the auto-mpg dataset displays the relationship between vehicle weight and horsepower, with each semi-transparent orange circle representing an individual car. The chart includes labeled axes, a title, and gridlines for readability. Built with D3 v5, the visualization uses `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to map the data, while circle elements are appended to an SVG canvas. The code loads the CSV data from a VizHub dataset and parses numeric fields before rendering.

Nnorangai

Cars Scatter Plot

This scatter plot visualizes the relationship between weight and acceleration for cars from the Auto MPG Data Set, with each circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data to SVG circles, with gridlines and labeled axes. The code loads CSV data via `d3.csv`, converts numeric fields, and renders the plot through an SVG container. Axis labels and a title use D3’s text append method, while styling is handled through CSS.

MMaciek Sitkowski

Cars Scatter Plot

MMaciek Sitkowski

Cars Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting each car based on its weight and horsepower. The chart uses red, semi-transparent circles to reveal overlapping points, with axes and labels styled via CSS. Built with D3 v5, the code employs `d3.csv` to load remote data, `d3.scaleLinear` for scaling, and `d3.axisLeft` and `d3.axisBottom` to render the axis ticks and labels in SVG.

LLonwabo11