Skip to main content
SimilarExport ZIP
100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public
NNikhil Prakash
Last edited Mar 15, 2021
Created on Mar 15, 2021
Forked from Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Red semi-transparent circles represent individual vehicles, with axes labeled "Horsepower" and "Weight" and a title at the top. The visualization is built with D3 version 5 using `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, rendered as SVG. The code includes a video embed in the README and styles text using CSS classes for tick labels, axis labels, and the title.

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 Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles represent each car, with the horizontal axis showing horsepower and the vertical axis showing weight. The visualization uses D3 version 5, specifically the `scaleLinear`, `axisLeft`, and `axisBottom` APIs, to construct the axes and scales. Data is loaded as CSV from a remote URL, and the SVG rendering includes axis labels, a title, and grid lines styled via CSS.

Ddeep221b
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 cars, using data from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axes labeled and a title displayed. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the numeric fields onto the SVG canvas. Data is loaded via D3’s `csv` function, and the plot is rendered as an SVG, with large, styled text for readability.

EEevikettu
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. Red semi-transparent circles represent individual car models, with axis labels and a title providing context. The visualization uses D3 v5 APIs including `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart. Data is loaded as CSV and converted to numeric values before rendering, with gridlines created via tick size adjustments.

Aadewole-top
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 red semi-transparent circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes and gridlines, while `csv` loads the external data and `select` manages SVG elements. Values are converted to numbers before rendering, and the title, axis labels, and tick formatting are styled via a separate CSS file.

PPuja Maharjan
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. Red semi-transparent circles represent individual car models. The visualization is built using D3 v5, employing `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks and labels, and `csv` to load data. SVG rendering handles the drawing, with styling applied via CSS classes.

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

Fork of 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 positions mapped by `d3.scaleLinear` scales, and axes rendered using `d3.axisBottom` and `d3.axisLeft`. The code loads data via `d3.csv`, parses numeric fields, and appends SVG circles and text labels. Interactive video instructions are embedded via an iframe. The visualization uses D3 v5, with styling defined in external CSS for ticks, labels, and the title.

DDaniel Vanpelt
97% match