Fork of Scatter Plot

100%

Fork of Scatter Plot

✓ Published0🌍 Public

Last edited Jun 3, 2021

Created on Jun 3, 2021

This fork of a scatter plot displays data on cars from the UCI Machine Learning Repository’s Auto MPG dataset, plotting horsepower against weight as red, semi-transparent circles. The visualization uses D3 v5 with the `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to parse the CSV, compute scales, and render SVG axes and circles. A title labels the chart as an “HK Temperature Heatmap,” while grid lines and rotated axis labels structure the layout.

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

A 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 chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data and render SVG axes with gridlines, while circles are appended via a data join. Labels and a title are added as SVG text elements, with styling defined in an external stylesheet.

Nnshedd

93% match

Loading thumbnail…

Fork of Cars Scatter Plot

A scatter plot of cars visualizing the relationship between horsepower and weight, with each car represented as a red semi-transparent circle. The data comes from the UCI Machine Learning Repository Auto MPG dataset, loaded via `d3.csv`. The visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `svg.append('circle')` to render points. Axis labels and a title are added using SVG text elements.

Uuskh580e

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

92% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each red semi-transparent circle representing a vehicle. The code uses D3 v5’s `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to load data from the UCI Auto MPG dataset and render an SVG chart. Axes include tick marks and labels, while a title and rotated y-axis label are manually positioned. Filtering and data type conversion occur before rendering, matching the original example’s styling and layout.

AAlexandre Pinho

92% 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. Using D3 v5, it renders SVG circles on linear scales with axes, gridlines, and labels. The code imports specific functions like `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` from the D3 library to load data, map values, and generate the chart. A red translucent circle marks each car, with formatting controlled by external CSS.

Aanyunshan

92% 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 SVG rendering positions red semi-transparent circles for each vehicle, with labeled axes and a title. Using D3 v5, the code employs `scaleLinear` for scaling, `extent` for domains, and `axisBottom`/`axisLeft` with tick marks to build the chart. Data is loaded via `csv` and coerced to numeric values before rendering, with margins and `g` elements managing layout.

NNYCUBK201

92% 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. A title and labeled axes frame the visualization, with red, semi-transparent circles representing each car. The implementation uses D3 v5 functions like `scaleLinear` and `extent` to compute scales and `axisLeft` and `axisBottom` to render grid lines and tick labels. SVG is the rendering target, and data is loaded via the `csv` function.

Llerik03

92% 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 SVG rendering uses D3 v5 to load a CSV, map numeric values to linear scales, and draw red semi-transparent circles. Axis ticks and labels are generated with `axisLeft` and `axisBottom`, while grid lines come from tick size settings. Titles and axis labels are appended as SVG text elements with custom CSS styling.

YYue Ma

92% match