Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Menus

✓ Published1🌍 Public
Nnkohdatavis
Last edited Jul 26, 2020
Created on Jul 26, 2020
Forked from Hello VizHub

This scatter plot visualizes the relationship between vehicle horsepower and weight using data from the UCI Machine Learning Repository's Auto MPG dataset. Red semi-transparent circles represent individual cars, plotted with D3.js scales and axes. The visualization uses `d3.scaleLinear` for both axes, `d3.extent` for domain calculation, and `d3.axisBottom` and `d3.axisLeft` for tick marks and labels. Data is loaded via `d3.csv` from a remote URL, with numeric fields converted using unary plus operators.

AI-generated description

This scatter plot shows data about cars from UCI Machine Learning Repositry: Auto MPG Data Set

MIT Licensed

Similar vizzes

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. Red semi-transparent circles mark each vehicle, with axes labeled accordingly and gridlines drawn. The visualization uses D3 v5, employing `csv` to load data, `scaleLinear` and `extent` for scaling, `axisBottom` and `axisLeft` for axes, and SVG rendering for output. Data types are parsed and coerced to numbers before plotting.

Ooabundes
94% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between car horsepower and weight, using data from the UCI Machine Learning Repository's Auto MPG dataset. Each red, semi-transparent circle represents a car, with its position determined by the car's horsepower on the x-axis and weight on the y-axis, allowing for patterns in the trade-off between engine power and vehicle mass to be observed. The visualization is built with D3 v5, using `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for tick marks, and `csv` to load the dataset. The SVG output is styled through external CSS, with axes, labels, and a title rendered alongside the circles.

AAdrianTNare
94% match
Loading thumbnail…

Scatterplots

This scatter plot visualizes the relationship between vehicle weight and horsepower using the Auto MPG dataset from the UCI Machine Learning Repository. Each semi-transparent teal circle represents a car, positioned by scaled linear axes on an SVG canvas. The D3 code uses `scaleLinear` for coordinate mapping, `axisLeft` and `axisBottom` for labeled, grid-lined axes, and `csv` to load the remote data. The chart includes a title and axis labels, with data values parsed as numeric types. The visualization focuses on the correlation between the two continuous variables.

NNadia W.
94% 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
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. Red, semi-transparent circles represent individual vehicles, with axes labeled "Horsepower" and "Weight." The visualization uses D3 v5 with `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points. Data is loaded via `csv()` from a remote source and parsed with unary plus operators before rendering.

SSUPERMAN79355
94% 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. Red semi-transparent circles represent individual vehicles, with axes labeled accordingly. The code uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` functions to map data to the SVG canvas, while `csv` loads the external dataset. Grid lines and axis labels are styled via CSS, and the visualization is rendered entirely as SVG elements.

LLakshmi9666
93% 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
93% 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. Red semi-transparent circles mark each vehicle, with axes labeled and a title displayed in SVG. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, scale positions, and render axes. Data values are coerced to numbers before being plotted, with margins and tick formatting configured through D3's selection and scale methods.

Nnaziafrin
93% match