Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Ssaatraju
Last edited Oct 9, 2018
Created on Oct 3, 2018

This scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, showing horsepower against weight with points colored by production year. The visualization uses D3 v5 to implement linear scales, axes, and an ordinal color scale with a custom color legend that filters points when clicked. SVG rendering displays the scatterplot with axis labels and a title, while a YouTube video tutorial accompanies the example. The data is loaded via CSV and processed with number coercion 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 automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting horsepower (labeled “HE provider” on the x-axis) against weight (on the y-axis). Each red semi-transparent circle represents a vehicle, with axes rendered using d3.axisBottom and d3.axisLeft. The visualization uses d3.scaleLinear for both scales, d3.csv for data loading, and d3.extent to set domains. SVG rendering displays the data with styled tick labels, axis labels, and a title.

330343615
95% 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 circle’s color encoding the car’s origin. The visualization uses d3.csv to load the data, d3.scaleLinear for the axes, d3.scaleOrdinal with d3.schemeCategory10 for color mapping, and d3.axisLeft and d3.axisBottom to render gridlines and tick labels. Rendering is done as SVG elements, and the code explicitly converts parsed string values to numbers before drawing.

Vveagy
95% 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 SVG rendering, employing scaleLinear for axes, axisBottom and axisLeft for ticks, and circles to represent each car. The code imports data from a CSV file, converts numeric fields, and applies margin-based layout with custom axis labels and gridlines.

SShengjie-Sun
95% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot from the UCI Machine Learning Repository's Auto MPG data set visualizes the relationship between horsepower and weight for various car models. The visualization uses D3 v5 to render red, semi-transparent circles as data points on an SVG canvas, with labeled axes for both dimensions. The code employs D3's `scaleLinear` for axis scaling, `axisLeft` and `axisBottom` for tick generation, and the `csv` function to load the remote dataset, which is then parsed into numeric values for plotting.

Ssrrajendran
95% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot from the UCI Machine Learning Repository's Auto MPG data set visualizes the relationship between horsepower and weight for various car models. The visualization uses D3 v5 to render red, semi-transparent circles as data points on an SVG canvas, with labeled axes for both dimensions. The code employs D3's `scaleLinear` for axis scaling, `axisLeft` and `axisBottom` for tick generation, and the `csv` function to load the remote dataset, which is then parsed into numeric values for plotting.

Ssrrajendran
95% match
Loading thumbnail…

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.

Mmyskotima130
95% 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 circle represents a car, and the chart uses d3.scaleLinear for both axes, with d3.axisBottom and d3.axisLeft to render tick marks and labels. The SVG is configured with custom margins, and circles are styled with red fill and opacity for overlapping points. Data is loaded via d3.csv and parsed as numeric values before rendering.

AAbhijeet Panda
95% 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.scaleLinear for both axes, d3.axisBottom and d3.axisLeft with grid lines, and circles are appended to an SVG with a red, semi-transparent fill and a fixed radius of 10 pixels. Data is loaded from a CSV file using d3.csv, then parsed and rendered.

Ddpratavieira
95% match