Scatter Plot

100%

✓ Published2🌍 Public

Last edited Mar 22, 2023

Created on Mar 22, 2023

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.

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

96% 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. Each red semi-transparent circle represents a car, with its position determined by linear scales mapping horsepower and weight. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to render axes and gridlines. Data is loaded as CSV and parsed to numeric values, then rendered as SVG circles within a margin-based layout.

Mmicyen

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

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 dataset. Each red semi-transparent circle represents a car, with positions scaled by d3.scaleLinear and axes generated using d3.axisLeft and d3.axisBottom. The SVG rendering includes tick marks and labeled axes, with the chart built using D3 v5’s selection and scale APIs after parsing the CSV data with d3.csv.

Yyoghurtx

95% match

Loading thumbnail…

Scatterplot D3

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.

SSophia Cofone

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, with each red semi-transparent circle representing a vehicle. The visualization uses D3 v7’s scaleLinear, axisBottom, and axisLeft APIs to map the data to SVG coordinates, while an interactive grid and labeled axes clarify the distribution. The chart also includes a title and axis labels styled via CSS, with data loaded asynchronously through D3’s csv function and numeric fields parsed from strings.

Aash301

95% match

Loading thumbnail…

Cars 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.scaleLinear for both axes and d3.axisBottom/axisLeft for tick marks, it renders red, semi-transparent circles with a fixed radius in an SVG. The code loads data asynchronously via d3.csv, coerces numeric fields, and includes custom axis labels and a title styled with CSS.

Vveagy

95% match

Loading thumbnail…

Cars 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, with each car represented by a semi-transparent red circle. The visualization uses D3 version 5 to load CSV data, scale linearly with `d3.scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`. SVG elements are positioned via data-bound circles, while axis labels and a title are appended as text. The axes use tick lines to create a grid, and all styling is handled through external CSS.

CChinzorigt Ganbat

95% match