Skip to main content
SimilarExport ZIP
100%

Scatter Plot Base

✓ Published0🌍 Public
JJHamron
Last edited Mar 17, 2021
Created on Mar 17, 2021
Forked from Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting horsepower against vehicle weight. The code uses D3 v5 with `scalePoint` and `scaleLinear` for axis mapping, and `axisLeft`/`axisBottom` for gridlines. Circles are rendered as SVG elements with red, semi-transparent fill. The chart includes margin-based layout, axis labels, and a title, with styling applied via external CSS.

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
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot from the UCI Machine Learning Repository's Auto MPG data set visualizes the relationship between a car's horsepower and its weight. Using D3 v5, the code employs `scaleLinear` and `extent` to compute axis scales, `axisBottom` and `axisLeft` for rendering axes, and SVG circles with a red, translucent fill to represent each data point. The chart includes labeled axes and a title, with all formatting controlled by an external stylesheet.

CChenluWang96
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 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
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, displaying horsepower versus weight. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleTime` for axes, along with `axisLeft` and `axisBottom` to create labeled time and temperature scales. Data is loaded via D3’s `csv` method and mapped to circle elements with red fill and partial opacity. The chart includes a title, axis labels, and a grid generated through tick size settings.

Mmyskotima130
92% 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
92% 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
92% match
Loading thumbnail…

Car Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each semi-transparent red circle represents a car, with axes labeled “Horse Power” and “Weight.” Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` to load and scale the data, rendering the chart as SVG with custom tick styling and axis labels.

Aaxliao
92% 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, with each red semi-transparent circle representing a single vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data to SVG coordinates, drawing axes with tick marks and labeled titles. Axis padding and margins position the plot, while CSS controls circle opacity and font styling. The code loads data via `csv` from a remote URL, converting numeric fields before rendering the scatter plot with D3’s data join.

PPhilippe Rigovanov
92% match