Fork of Cars Scatter Plot

100%

Fork of Cars Scatter Plot

✓ Published0🌍 Public

Last edited Mar 29, 2021

Created on Mar 29, 2021

This scatter plot visualizes automobile data from the UCI Machine Learning Repository, showing the relationship between horsepower and weight for individual car models. Each circle represents a car, positioned according to its horsepower and weight values. The visualization is built using D3 version 5, with a linear scale for both axes, axis generators with tick marks, and SVG circle elements rendered at a fixed radius. The code loads data from an external CSV file and includes axis labels, a title, and custom styling for ticks and text elements.

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 a dataset of cars, sourced from the UCI Machine Learning Repository’s Auto MPG data set. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear scales for both axes, and the plot includes labeled axes with a title. The visualization is built using D3 v5’s select, csv, extent, axisLeft, and axisBottom APIs, rendering as SVG on a web page.

VVighnesh Gawad

95% 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 data set. Red, semi-transparent circles represent individual cars, revealing the general trend and density of data points across the two quantitative axes. The visualization is built with D3 v5, using an SVG rendering approach. The code constructs linear scales for both axes, applies nice rounding, and renders grid lines through D3's axis generators, with labels applied via text elements.

HHojjat Karami

95% 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 circle represents a car, with position determined by d3.scaleLinear scales and axes rendered via d3.axisBottom and d3.axisLeft. The code loads data with d3.csv, parses numeric fields, and uses d3.select to append SVG circles. Axis labels and a title are added via appended text elements, with styling from CSS classes.

HHuaiyu Sun

95% 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, positioned according to its horsepower (x-axis) and weight (y-axis). The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to build the axes, while data is loaded via `d3.csv` and rendered as SVG circles. The chart includes labeled axes and a title, with styling applied through CSS.

HHaowenWeiJohn

95% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot from the UCI Auto MPG data set shows the relationship between horsepower and weight for various car models. Using D3 v5, the visualization employs linear scales for both axes, with red semi-transparent circles representing individual data points. The code utilizes D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to render the chart, with axis labels, tick marks, and a title styled via CSS. The data is loaded from a CSV file and rendered as an SVG.

PPaul Mullins

95% 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

95% 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. 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

95% 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. The visualization uses D3 v5 with an SVG rendering, implementing linear scales, axes, and circles to encode the data points. The code loads the CSV data asynchronously, parses numeric fields, and applies margin conventions to position the axes and title. The styling uses red semi-transparent circles and custom axis-label and title sizes.

Aartijain688

95% match