Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Rratschke
Last edited Feb 10, 2020
Created on Feb 10, 2020
Forked from Scatter Plot

This scatter plot from D3 v5 visualizes automotive data, mapping each car’s weight on the x-axis and horsepower on the y-axis using d3.scaleLinear and SVG circles. The axes are generated with d3.axisBottom and d3.axisLeft, and tick labels are formatted using d3.format. The chart loads data from a remote CSV file and applies a semi-transparent steelblue fill to the circles, with margins, axis labels, and a title configured for readability.

AI-generated description

This bar chart comes from (https://www.youtube.com/watch?v=c3MCROTNN8g&list=PL9yYRbwpkykvOXrZumtZWbuaXWHvjD8gi&index=9).

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a collection of cars, with each circle representing an individual vehicle. The visualization uses D3.js v5 with SVG rendering, employing d3.scaleLinear for both axes and d3.axisLeft and d3.axisBottom to generate the tick marks and grid lines. The code loads car data from a CSV file via d3.csv and maps the numeric fields before rendering the circles with a fixed radius and semi-transparent steelblue fill.

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

Cars Scatter Plot

This visualization uses D3 v5 to create a scatter plot of cars, showing the relationship between horsepower on the x-axis and weight on the y-axis. Each circle represents a car from the auto-mpg dataset, with semi-transparent pink markers revealing density. The chart includes labeled axes with custom tick formatting and a title. D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions handle scaling and axis generation, while data is loaded via `d3.csv` and rendered as SVG circles.

Iimmanentdomain
94% 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 visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct axes with gridlines, while SVG circles are positioned using the scaled x and y values. Data is loaded asynchronously from a CSV file via `d3.csv`, and styling is applied through external CSS for tick text, axis labels, and the semi-transparent red circles.

Nntds12
94% match
Loading thumbnail…

Cars Scatter Plot

The visualization displays a scatter plot of vehicle weight against horsepower, with each circle representing a car model to reveal the relationship between these two attributes. Built with D3 v5, the chart uses `scaleLinear` for both axes and renders circles via SVG, with axes generated through `axisBottom` and `axisLeft`. Data is loaded from a remote CSV file of auto-mpg records, and the plot is styled with semi-transparent steelblue circles.

Ddanrhymes
94% 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
94% 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 an individual vehicle. The visualization uses D3 v5 to load CSV data and render an SVG with linear scales, axes, and semi-transparent red circles. It applies `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.extent` to map values, while axis labels and a title are added via SVG text elements. The chart employs a clean grid layout with margins and tick styling from the accompanying stylesheet.

MMichał Szumnarski
94% 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
94% match