Skip to main content
SimilarExport ZIP
100%

Fork of Cars Scatter Plot

✓ Published2🌍 Public
KKinjal-Goyani
Last edited Oct 25, 2022
Created on Oct 25, 2022
Forked from Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a sample of cars from the UCI Auto MPG dataset. The code uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to construct the axes, and renders the data as red, semi-transparent SVG circles. The chart includes axis labels, a title, and a grid, with the data loaded via d3.csv and parsed into numeric fields before being passed to the render function.

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…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. The code uses D3 v5 to load CSV data, create linear scales for both axes, and render red, semi-transparent circles for each car. The chart includes labeled axes and a title, with gridlines and tick marks styled via CSS. The visualization demonstrates a straightforward data exploration using D3's `scaleLinear`, `axisBottom`, `axisLeft`, and SVG rendering.

Ppinlin0816157
98% match
Loading thumbnail…

Fork of 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. Each red, semi-transparent circle represents a car, with positions determined by d3.scaleLinear scales mapping the data fields to the SVG canvas. The code uses d3.csv to load the dataset, then d3.axisLeft and d3.axisBottom to render labeled axes with gridlines, along with custom text elements for axis titles and a chart heading.

Jjas0nMahoux
98% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a sample of cars, sourced from the UCI Machine Learning Repository's Auto MPG dataset. The visualization uses D3.js v5 to render an SVG graphic with scaled axes and semi-transparent red circles. The code leverages D3 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to construct the chart. Axes are labeled, and axis lines are removed from the grid, which uses tick marks and labels to display the data distribution.

Vvsapro
97% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Each red semi-transparent circle represents a car, with axes labeled and gridlines drawn using D3’s `scaleLinear`, `axisBottom`, and `axisLeft`. The SVG rendering uses d3.csv to load data, parses numeric fields, and appends circles with attributes set via scales. Titles and axis labels are added with D3’s text selections, while styled CSS controls circle opacity, tick marks, and font sizes.

Aaidatabaeva
97% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a sample of cars, sourced from the UCI Machine Learning Repository’s Auto MPG dataset. The code uses D3 v5 to create an SVG-based chart, employing `scaleLinear`, `axisBottom`, and `axisLeft` for axes and scales. Data is loaded via the `csv` function and rendered as red, semi-transparent circles, with axis labels and a title styled using CSS.

PPrasun Saurabh
97% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset, with each circle representing a car. The SVG rendering uses D3 v5's `scaleLinear` for axes, `axisBottom` and `axisLeft` for grid lines and ticks, and `csv` to load the remote data file. The chart includes labeled axes, a title, and semi-transparent red circles to show overlapping points.

Yyouness-cyber
97% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset, with each green semi-transparent circle representing a car. The axes are clearly labeled, and gridlines extend across the plot to aid reading values. The implementation uses D3 v5 functions like `scaleLinear`, `axisBottom`, and `axisLeft` to construct scales and axes, while SVG circles are appended to a group element with margins. Data is loaded via `d3.csv` and parsed into numeric fields before rendering.

KKonyk Myroslav
97% match
Loading thumbnail…

Fork of Cars Scatter Plot

This fork of the cars scatter plot visualizes the relationship between horsepower and weight using data from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, positioned by its horsepower and weight values, with axes labeled accordingly. The code uses d3.csv to load the data, d3.scaleLinear for both scales, and d3.axisLeft and d3.axisBottom to render the axes with gridlines. The SVG canvas is 960 by 500 pixels, with a 60-pixel top margin for the title and a 150-pixel left margin for the y-axis label.

EEthan-Wu-juniper
97% match