Skip to main content
SimilarExport ZIP
100%

Bivariate Cars Scatter Plot

✓ Published2🌍 Public
CCharvi Jain
Last edited Nov 6, 2019
Created on Nov 5, 2019

This scatter plot displays the relationship between a car’s horsepower and its retail price, with each vehicle represented by a semi-transparent red circle. Built with D3 v5, the visualization uses the `scaleLinear` API to map the data domain to pixel coordinates for both axes, and `axisLeft` and `axisBottom` to render the chart’s grid lines and tick labels. The data comes from the UCI Machine Learning Repository's Auto MPG dataset. The code employs `csv` to load the data, converts numeric fields with the unary plus operator, and appends circles to an SVG canvas.

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…

Cars1 Scatter Plot

This scatter plot displays the relationship between horsepower and retail price for a collection of cars, with each vehicle represented as a red, semi-transparent circle. The visualization uses D3 v5 to construct an SVG chart, employing `d3.scaleLinear` for both axes and `d3.axisLeft`/`d3.axisBottom` for tick marks and gridlines. It pulls data from the UCI Machine Learning Repository's Auto MPG dataset, which is loaded via `d3.csv` and processed before rendering. Axis labels and a title are added as text elements within the SVG.

CCharvi Jain
95% match
Loading thumbnail…

Bivariate Cars Scatter Plot

This D3.js v5 scatter plot visualizes the relationship between horsepower and retail price for a dataset of cars from the UCI Machine Learning Repository. The visualization encodes car brand as color using a categorical color scale with ordinal categories, and engine size as circle area through a square-root scale, with legends for both encodings. The chart renders as an SVG with axis labels, gridlines, and a title, using d3.scaleLinear for axes and d3.scaleOrdinal for color mapping.

CCharvi Jain
92% match
Loading thumbnail…

Scatter Plot: Cars

This scatter plot displays the relationship between retail price and horsepower for a dataset of cars, with each circle representing a vehicle. The visualization uses SVG rendering with D3 v5, employing the `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` APIs to map the data to pixel coordinates. The car data is loaded from a CSV file, and the axes include custom labels and tick formatting. The plot highlights the distribution of cars based on these two numeric attributes.

CCharvi Jain
91% match
Loading thumbnail…

Scatter Plot: Cars

This scatter plot displays the relationship between retail price and horsepower for a dataset of cars, with each circle representing a vehicle. The visualization uses SVG rendering with D3 v5, employing the `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` APIs to map the data to pixel coordinates. The car data is loaded from a CSV file, and the axes include custom labels and tick formatting. The plot highlights the distribution of cars based on these two numeric attributes.

CCharvi Jain
91% match
Loading thumbnail…

Scatter Plot: Cars

This scatter plot displays the relationship between retail price and horsepower for a dataset of cars, with each circle representing a vehicle. The visualization uses SVG rendering with D3 v5, employing the `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` APIs to map the data to pixel coordinates. The car data is loaded from a CSV file, and the axes include custom labels and tick formatting. The plot highlights the distribution of cars based on these two numeric attributes.

CCharvi Jain
91% match
Loading thumbnail…

Car Scatter Plot

This scatter plot displays 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, positioned according to its values on these two continuous axes. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles rendered on a 960x500 canvas. The code parses the CSV data, converts numeric fields, and applies styling from an external CSS file.

Ccharliemok
89% 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 dataset. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear functions for the x- and y-axes. The visualization uses d3.csv to load and parse the remote data, then renders the plot as SVG elements via d3’s axisBottom, axisLeft, and circle selections. Axis labels and a title are added as SVG text, with d3.format available for tick formatting.

CCharvi Jain
88% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars in the Auto MPG dataset from the UCI Machine Learning Repository. Using D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom`, it maps each car to a semi-transparent red circle on an SVG canvas. The code loads CSV data via `csv`, parses numeric fields, and renders axes with tick marks and custom labels. The visualization omits axis domains and uses a fixed circle radius to emphasize data density.

Ssaifsre
88% match