Skip to main content
SimilarExport ZIP
100%

Cars

✓ Published2🌍 Public
JJoachim Klug
Last edited Sep 14, 2020
Created on Sep 14, 2020
Forked from Scatter Plot

This scatterplot displays the relationship between horsepower and weight for cars from the auto-mpg dataset, with each red semi-transparent circle representing a vehicle. The visualization uses d3.csv to load the data, d3.scaleLinear with .nice() for both axes, and d3.axisLeft and d3.axisBottom to render ticks with grid lines. Axis labels and a title are added as SVG text elements, while the chart is drawn using SVG circles within a margin-based layout.

AI-generated description

Axis

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter plot

This scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset, with each red semi-transparent circle representing a vehicle. The visualization uses d3.csv to load the data, d3.scaleLinear with .nice() to map values, and d3.axisBottom and d3.axisLeft to render labeled axes with grid lines, all drawn as SVG elements.

BBazarbayevManas
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each red semi-transparent circle representing a vehicle. The data comes from the auto-mpg dataset loaded via `d3.csv`. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the axes and scales. Grid lines are created through tick sizing, and axis labels and a title are added as SVG text elements.

Ssakhabutdinov
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, with each red circle representing a vehicle. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the tick marks and labels. The SVG rendering includes axis labels, a title, and grid lines created by extending ticks across the plot area, with data points displayed at 10-pixel radius and 30% opacity.

JJuyeonee
95% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for a dataset of cars from the auto-mpg CSV file. The visualization uses red, semi-transparent circles to represent each car, with axes labeled and tick marks drawn using d3.axisBottom and d3.axisLeft. The d3.scaleLinear functions compute the x and y scales based on the extent of the data, and the SVG rendering appends circles with attributes set via d3’s selection and data join methods.

CChristine Lanser
95% match
Loading thumbnail…

Cars scatter plot

This scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset. The visualization uses d3.scaleLinear to map the data to x and y axes, d3.axisBottom and d3.axisLeft to render the axes with gridlines, and SVG circles to represent each car. The title, axis labels, and tick styling are configured via CSS classes. Data is loaded asynchronously with d3.csv and parsed before being passed to the render function.

Kkestefon
95% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars in the auto-mpg dataset, with each circle representing a car. It uses d3.scaleLinear to map data values to screen coordinates and d3.axisBottom and d3.axisLeft to render labeled axes with gridlines. The SVG rendering applies a semi-transparent red fill to circles, while a title and axis labels are added as text elements. Data is loaded from a CSV file and parsed into numeric values before plotting.

KKaleb LaBarrie
95% match
Loading thumbnail…

Cars scatter plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, sourced from an auto-mpg CSV file. Each car is represented as a semi-transparent red circle, with its position determined by these two quantitative variables. The visualization uses D3 v5, specifically the `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the axes and grid lines, while the SVG rendering is handled through the D3 `select` and `append` methods. Axis labels and a title are styled via CSS, and the data values are coerced to numeric types before being plotted.

Ddavidpiber
95% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset, with each circle representing a vehicle. The visualization uses D3 v5’s scaleLinear, axisLeft, and axisBottom to construct axes with grid lines, while the data is loaded via csv() and parsed into numeric values. Circles are rendered as SVG elements with a fixed radius, purple fill, and partial opacity, emphasizing data density in the lower-left region.

WWhitney Hung
95% match