Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Jjsong
Last edited Jan 25, 2020
Created on Jan 15, 2020
Forked from Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each circle representing a car model. Built with D3.js v5, it renders as an SVG using the `select` and `csv` helpers to load data from the UCI Auto MPG dataset. The visualization employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while circles are positioned using the scaled x and y values. The chart includes axis labels and a title, with styling applied via the included CSS.

AI-generated description

Skriv nån text… kommer ifrån UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a collection of cars, with each circle representing a vehicle. The visualization uses D3.js (v5) to render the plot as an SVG, scaling the data from the included auto-mpg.csv file, which originates from the UCI Machine Learning Repository. The code employs `scaleLinear`, `extent`, and the `axisLeft` and `axisBottom` functions to construct and label the axes, while the circles are appended to the SVG group using D3's selection and data-binding methods.

Ddtdenver
97% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a set of cars, with each circle representing a vehicle. The visualization uses D3.js v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data values to pixel coordinates and render SVG axes with gridlines. Data is loaded from a CSV file via the `csv` function, parsed into numeric fields, and drawn as semi-transparent purple circles. The chart includes axis labels and a title, with margins calculated from the SVG’s dimensions.

WWhitney Hung
96% 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 circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with grid lines and labeled axes for readability. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the scales and axes, while loading CSV data via the `csv` function. The SVG rendering applies a green, semi-transparent fill to the circles, with custom styling defined in CSS.

Ccbruml
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The visualization uses D3 v5 to load CSV data and render an SVG, employing `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and data-driven circle positioning. Axis labels and a title clarify the variables, while semi-transparent blue circles reveal data density through overlap.

AArriannePandaraoan
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each point representing a vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, while data is loaded via `csv` from an external auto-mpg dataset. Circles are rendered as SVG elements with a steelblue fill and partial opacity, and the chart includes labeled axes and a title, all drawn within an SVG canvas sized 960 by 500 pixels.

TTimmyLu
96% 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 circle representing a vehicle and positioned using linear scales. It renders as an SVG using D3 v5, employing `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values, and draw axes with tick marks. The code sets up custom margins, removes default axis domains, and adds rotated axis labels and a title, while styling circles with red fill at reduced opacity via CSS.

Ssaifsre
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the quantitative scales and render axes with gridlines. Data is loaded via `csv` from an external auto-mpg dataset and drawn as SVG circles with opacity and hover effects. The code also applies `extent` and `nice` to domain calculations, and styles the visualization with custom CSS for interactive feedback.

AAmar Nath Yogi
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a collection of cars, with each point representing a vehicle. The visualization uses D3 v5’s `scaleLinear` for axes, `axisLeft` and `axisBottom` with grid lines, and SVG circles with fixed radius and opacity to show data density. The data is loaded from the UCI Auto MPG dataset via `csv` and parsed into numeric fields, while title and axis labels are added using SVG text elements.

Nnpollakm
95% match