Skip to main content
SimilarExport ZIP
100%

Cars 2

✓ Published0🌍 Public
JJoachim Klug
Last edited Dec 12, 2022
Created on Sep 14, 2020
Forked from Cars

A scatterplot displays the relationship between car year and horsepower for a dataset of automobiles, with red semi-transparent circles marking each vehicle. The visualization uses D3 version 6 with SVG rendering. It employs `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to construct the axes, which include grid lines stretching across the plot. Axis labels and a title are added manually. Data is loaded from a CSV file using `csv` and parsed with numeric type coercion before rendering.

AI-generated description

Axis

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatterplot

This scatterplot displays the relationship between horsepower and weight for a dataset of cars, with each red semi-transparent circle representing a vehicle. Built with D3 v5, the visualization uses `scaleLinear` to map data values to SVG coordinates, `axisBottom` and `axisLeft` for the axes, and `extent` to compute domains. Data is loaded from a CSV via `csv`, and the SVG output renders circles with fixed radius, axis labels, and a title.

Ccornshoots
88% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between year and revenue for a dataset of cars, with each red, semi-transparent circle representing a data point. The code uses the D3 library (v5) to create an SVG visualization, employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for gridlines and ticks, and `csv` to load data from an external file. The plot is titled "Cars: Horsepower vs. Weight," and the data originates from the UCI Machine Learning Repository's Auto MPG Data Set.

MMukund Khandelwal
87% match
Loading thumbnail…

Cars

This scatterplot displays the relationship between horsepower and weight for a dataset of cars, with each point representing an individual vehicle. The visualization uses D3’s `scaleLinear` and `extent` functions to map the data to pixel coordinates, with axes generated using `axisBottom` and `axisLeft`. Circles are appended to an SVG element with a semi-transparent steelblue fill, while axis labels and a title are added as text elements. The data is loaded from a CSV file via D3’s `csv` method and rendered with a margin-based layout.

Ss-janibekova
87% match
Loading thumbnail…

Cars Scatterplot

This scatterplot displays the relationship between horsepower and weight for a dataset of cars, with each car represented as a semi-transparent red circle. The visualization uses D3 v5 and renders as SVG, employing `d3.scaleLinear` for both axes with the data loaded via `d3.csv` from a remote URL. Gridlines are drawn through axis tick marks, and axis labels and a title are added as SVG text elements.

DDavid
87% match
Loading thumbnail…

Cars

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.

JJoachim Klug
87% match
Loading thumbnail…

Cars scatter plot

A scatter plot displays the relationship between horsepower and miles per gallon for a dataset of cars, with each point representing an individual vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map values and render gridlines, while circles are appended to an SVG element. Data is loaded asynchronously from a CSV file via `d3.csv` and parsed into numeric fields before being plotted.

AAnthony-coding
87% match
Loading thumbnail…

Cars scatter plot

A scatter plot displays the relationship between horsepower and miles per gallon for a dataset of cars, with each point representing an individual vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map values and render gridlines, while circles are appended to an SVG element. Data is loaded asynchronously from a CSV file via `d3.csv` and parsed into numeric fields before being plotted.

AAnthony-coding
87% match
Loading thumbnail…

Cars ScatterPlot

This visualization displays a scatterplot of cars, mapping horsepower on the x-axis against weight on the y-axis, with each vehicle represented by a semi-transparent red circle. The chart includes labeled axes, tick marks, and a title, providing a clear view of the correlation between these two attributes. The code uses D3 v7, leveraging `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the scales and axes, while `csv` loads the auto-mpg dataset from a remote URL. SVG circles are appended and positioned using the scaled x and y values, with styling applied via external CSS.

Ggabrielribeirob
87% match