Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published1🌍 Public
RRubens
Last edited Sep 6, 2018
Created on Sep 6, 2018
Forked from 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.

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

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.

LLinn
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG data set. Each red, semi-transparent circle represents a car, positioned by its horsepower and weight values. The visualization uses D3 v6’s scaleLinear, extent, axisLeft, and axisBottom to construct the plot, with axes styled using tickSize and tickPadding. The code loads data from a CSV file and renders the chart as an SVG, including axis labels and a title.

AAndrewRiceMGW
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. 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
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. Red semi-transparent circles represent individual car models, with axes labeled and styled via d3.axisBottom and d3.axisLeft. The code uses d3.csv loading, scaleLinear for both axes, and d3.extent to compute domains, rendering everything as SVG. A title and rotated axis labels provide context, while tick marks extend across the plot for readability.

BbeauMarko
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. Red semi-transparent circles represent individual car models, with axes labeled and styled via d3.axisBottom and d3.axisLeft. The code uses d3.csv loading, scaleLinear for both axes, and d3.extent to compute domains, rendering everything as SVG. A title and rotated axis labels provide context, while tick marks extend across the plot for readability.

BbeauMarko
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository's Auto MPG Data Set. Each red semi-transparent circle represents a car, with its x-position mapped to horsepower and y-position to weight. The visualization is rendered as an SVG using D3 v5, employing `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while CSS styles the circles and text elements. The data is loaded via D3's `csv` function from a remote URL.

JJosé
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars in the UCI Auto MPG dataset. Each semi-transparent red circle represents a car, with axes labeled accordingly. The visualization uses d3.csv for data loading, d3.scaleLinear for both scales, and d3.axisBottom and d3.axisLeft for tick marks and grid lines. Axis labels rotate via SVG transforms, and the chart is rendered entirely in an SVG container.

IIyke2909
97% match