Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
LLinn
Last edited Oct 20, 2019
Created on Oct 20, 2019
Forked from Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository's Auto MPG data set. The visualization uses a D3.js v5 SVG renderer with a linear scale for both axes, positioning red, semi-transparent circles to represent each car. The code employs D3's `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` functions to load the data from a remote CSV file, calculate the domains, and render the axes with tick marks and axis labels.

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 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with axis labels and a title. Built with D3.js v5, the code uses `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, scale domains, and render axes. The SVG output is styled via CSS, with circles at 10px radius and semi-transparent opacity.

Mmyskotima130
98% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red semitransparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with gridlines and labeled axes. The code uses d3.csv to load the data, then d3.scaleLinear, d3.extent, d3.axisBottom, and d3.axisLeft to construct the scales, axes, and SVG circles. Styling comes from external CSS, and the visualization renders entirely in SVG within a fixed 960×500 canvas.

Hhugo-boser
98% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG data set. The visualization uses d3.v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes with tick marks, while circles are appended using `selectAll('circle').data().enter()`. The code manually parses CSV values with unary plus operators before rendering, and styles the plot with red, semi-transparent circles. Axis labels and a title are added as SVG text elements with custom font sizing.

JJunhao CHen
98% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG data set. Red, semi-transparent circles represent individual vehicles, with axis labels and a title clarifying the variables. The code uses D3 v5’s `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` functions to load data, scale values, and render SVG axes and circles. Gridlines are drawn using tick sizes that span the plot’s inner dimensions.

Mmargaretgoode
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG data set. Red, semi-transparent circles represent individual vehicles, with axis labels and a title clarifying the variables. The code uses D3 v5’s `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` functions to load data, scale values, and render SVG axes and circles. Gridlines are drawn using tick sizes that span the plot’s inner dimensions.

Mmargaretgoode
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axis labels and a title displayed alongside tick marks. Built with D3 v5, it uses `csv` to load data, `scaleLinear` for both axes, and `axisBottom` and `axisLeft` to render the coordinate system. The SVG-based chart applies a margin convention and uses CSS to style circles, ticks, and text.

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

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for 398 cars from the UCI Auto MPG dataset. Each red, semi-transparent circle represents a car, with the x-axis showing horsepower and the y-axis showing weight. The visualization uses D3’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the axes and map data values to SVG coordinates. The data is loaded via `csv` from a remote URL and parsed into numeric fields before rendering.

RRubens
97% match