Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Mmyskotima130
Last edited Feb 25, 2020
Created on Feb 25, 2020
Forked from Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, displaying horsepower versus weight. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleTime` for axes, along with `axisLeft` and `axisBottom` to create labeled time and temperature scales. Data is loaded via D3’s `csv` method and mapped to circle elements with red fill and partial opacity. The chart includes a title, axis labels, and a grid generated through tick size settings.

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 cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with axes labeled for both variables and grid lines drawn from the tick marks. Built with D3 v5, the visualization uses `d3.csv` to load the data, `scaleLinear` and `extent` for scaling, and `axisBottom` and `axisLeft` to render the axes with custom tick sizing and padding. The SVG rendering includes styled text elements for the title and axis labels.

BbeauMarko
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 dataset, with each red semi-transparent circle representing a single vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data to SVG coordinates, drawing axes with tick marks and labeled titles. Axis padding and margins position the plot, while CSS controls circle opacity and font styling. The code loads data via `csv` from a remote URL, converting numeric fields before rendering the scatter plot with D3’s data join.

PPhilippe Rigovanov
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Auto MPG dataset, showing the relationship between horsepower and weight. Each circle represents a car, with its position determined by horsepower and weight values, rendered as red semi-transparent SVG circles. The plot includes labeled axes, a title, and grid lines. The code uses D3 v5's `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` APIs to construct the visualization, though the legend component is defined but not actively used. Data is loaded from a CSV file via D3's `csv` function and processed before rendering.

JJimmyDiGioia
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 dataset. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for both axes and `axisBottom` and `axisLeft` to generate tick marks. Each car is represented as a red, semi-transparent circle positioned using the `cx` and `cy` attributes, with axis labels and a title included. The data is loaded as CSV and parsed into numeric values before rendering.

SSimon Pettersson
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, loading the data via `d3.csv`. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the values, with red, semi-transparent circles rendered as SVG elements. Axis labels and a title are added via appended SVG text, while gridlines and tick styling come from the axis functions. All rendering is done through the SVG API within an HTML page, using margins to position the chart.

Mmeihaoming
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 dataset, with each red, semi-transparent circle representing a vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with gridlines via `tickSize`. Data is loaded asynchronously via `csv` and parsed into numeric values before rendering. The SVG output positions circles based on scaled x and y coordinates, while margins and labels are applied through manual transforms and CSS styling.

SSushanta77
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 dataset. Each red, semi-transparent circle represents a car, with axes labeled accordingly. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG. Data is loaded via `csv` and parsed into numeric values, with a gridline effect achieved by custom tick sizes.

JJunheZhang66
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set, with each car represented by a semi-transparent red circle. The visualization uses D3 version 5 to load CSV data, scale linearly with `d3.scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`. SVG elements are positioned via data-bound circles, while axis labels and a title are appended as text. The axes use tick lines to create a grid, and all styling is handled through external CSS.

CChinzorigt Ganbat
97% match