Skip to main content
SimilarExport ZIP
100%

Cars: Horsepower vs Weight

✓ Published2🌍 Public
JJacob van Lingen
Last edited May 14, 2020
Created on May 14, 2020
Forked from Scatter plot

This scatterplot displays the relationship between horsepower and weight for a dataset of cars. Each circle represents a car, positioned along the horizontal axis for horsepower and the vertical axis for weight, with a steelblue fill and partial opacity. The chart includes labeled axes and a title, built using the D3 v5 library. It loads data from an external CSV file and renders the visualization as SVG, using D3's linear scales, axes, and selection APIs.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

HorsePower vs Weight

This scatterplot shows the relationship between horsepower and weight for a set of cars, with each point representing a vehicle. The chart uses D3.js v5 to render an SVG with axes, gridlines via tick marks, and semi-transparent circles. Data is loaded from a CSV file using the `csv` function, then processed and scaled with `scaleLinear` and `extent`. Axis functions `axisBottom` and `axisLeft` create the labeled scales, while text elements add a title, axis labels, and a legend indicating a "Target range" with a green rectangle.

YYoung Song
94% match
Loading thumbnail…

Cars Scatter Plot: Horsepower vs. Weight

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository's Auto MPG dataset. Each blue semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, revealing a positive correlation between the two variables. The visualization uses D3 v5 APIs such as `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to load data, scale the axes, and render the SVG plot. Axis labels and a title are added, with gridlines provided via tick sizes, all styled through external CSS.

Jjblaskovich
93% match
Loading thumbnail…

Cars

This scatterplot visualizes the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The axes use linear scales, and the chart includes axis labels for horsepower and weight. The visualization is built with D3.js, using the `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the scales and axes. Data is loaded as CSV from a remote URL, and the SVG circles are rendered with a semi-transparent steelblue fill. The code also formats tick labels using D3's `format` function.

Ss-janibekova
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars. Each circle represents a car, using the x-axis for horsepower and the y-axis for weight. The SVG graphic is rendered with D3 v5, utilizing functions like `scaleLinear`, `axisBottom`, and `axisLeft` to construct the scaled axes and plot the data. Styling is applied via CSS, with semi-transparent steelblue circles. The data is loaded from a CSV file on VizHub.

YYanxxx447
92% match
Loading thumbnail…

Cars Plot

This scatterplot visualizes the relationship between horsepower and weight for a dataset of cars, with each car represented as a semi-transparent circle. The chart includes labeled axes, grid lines, and a title comparing the two variables. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the scales and axes, while loading data via `csv` from an external file. The SVG rendering applies custom styling from `styles.css` for circles and text elements.

PPulkit Rohilla
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between vehicle weight and horsepower for a dataset of cars. Each semi-transparent steel-blue circle represents a single car model, with the chart titled "Horsepower vs Weight." The visualization uses D3 v5 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to compute scales and render SVG axes. Data is loaded via `csv()` from the auto-mpg dataset, with numeric fields parsed before rendering. Grid lines are created through axis tick sizing, and axis labels are added as SVG text elements.

Aadvaitkulkarni08
91% 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's `scaleLinear`, `axisLeft`, and `axisBottom` to map the numeric values and render axes, while circles are appended to an SVG and styled with a steelblue fill and opacity. The data is loaded as CSV from an external URL, and the chart includes labeled axes and a title, with margins and tick formatting applied via D3's `format` and CSS classes.

JJonathan Phelps
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each vehicle represented as a steel-blue circle. The visualization uses D3.js version 5 with an SVG rendering approach, employing `d3.scaleLinear` for both axes and `d3.axisLeft` and `d3.axisBottom` to generate grid-lined tick marks. Data is loaded from a CSV file containing auto-mpg measurements, and the code parses numeric fields before rendering. The chart includes axis labels and a title, with styling applied through external CSS classes.

Aaveryfairbanks
91% match