Scatterplot D3

100%

Scatterplot D3

✓ Published1🌍 Public

Last edited Jun 29, 2022

Created on May 25, 2022

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. The code uses D3 v5 with SVG rendering, employing `scaleLinear` for both axes and `axisBottom`/`axisLeft` for tick marks. Circles represent individual car models, with red semi-transparent fills. The visualization includes labeled axes and a title, generated through D3’s selection and data-join methods, with data parsed and converted to numeric values 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…

Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set. Using D3 v5, the code loads the CSV data, applies linear scales via `d3.scaleLinear`, and renders red, semi-transparent circles as SVG elements. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, complete with tick marks, labels, and a title, all styled through CSS.

Aavesh1998

95% match

Loading thumbnail…

Scatter Plot Test

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset, with each red circle representing a vehicle. The visualization uses D3 v5's `scaleLinear` to map data values to pixel coordinates, `axisBottom` and `axisLeft` for the axes, and SVG circles for rendering. The code loads data via `csv` from a remote URL, converts numeric fields, and includes labeled axes and a title.

LLSAWB

95% match

Loading thumbnail…

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, positioned by its horsepower on the x-axis and weight on the y-axis. Built with D3 v5, the code uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks and gridlines, and `svg` circles to render the data. Axis labels and a title are added directly as SVG text.

NNikola Rožić

95% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Auto MPG data set. It demonstrates how to build a D3 visualization using the `scaleLinear`, `axisLeft`, and `axisBottom` APIs, rendering circles in SVG with a red, semi-transparent fill. The chart includes labeled axes, grid lines, and a title, all styled through an external stylesheet.

Yyamunaunt

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 data set. It uses D3 v5’s `scaleLinear` and `axisLeft`/`axisBottom` to map the quantitative variables and render axes with gridlines. The code loads data via `csv`, applies numeric parsing, and draws semi-transparent red circles as SVG elements. Axis labels and a title are added using D3 selections, with styling defined in an external stylesheet.

Ssailaja savanam

95% match

Loading thumbnail…

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, using red semi-transparent circles. Built with D3 v5, the code loads CSV data, applies linear scales, and renders SVG axes with tick marks and labels. It uses `d3.csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with formatting applied via CSS classes for titles and axis text.

LLakshmi9666

94% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for various car models, sourced from the UCI Machine Learning Repository's Auto MPG dataset. It uses D3 v5 with an SVG rendering. The code builds linear scales with `scaleLinear`, visualizes data points as semi-transparent red circles, and includes axes generated via `axisBottom` and `axisLeft`. Numerical data is parsed from CSV and the chart includes axis labels and a title.

Ddominicliu

94% 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 SVG rendering uses D3 v5 to map each car as a semi-transparent red circle, with a linear scale for both axes and grid lines provided by `d3.axisBottom` and `d3.axisLeft`. Axis labels and a title are added as SVG text elements, with styling applied via a linked CSS file.

LLukas Schießer

94% match