Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published1🌍 Public
Aandy-yc-lin
Last edited Jan 24, 2020
Created on Jan 24, 2020
Forked from Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset. Each semi-transparent blue circle represents a car, positioned by linear scales, with axis labels and a title. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs, rendering to SVG. Data is loaded asynchronously via `csv`, and numeric fields are parsed before rendering.

AI-generated description
MIT Licensed

Similar vizzes

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
97% 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
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 circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes with gridlines, and renders the points as SVG circles with steelblue fill and partial opacity. Data is loaded via `d3.csv` from an external URL and parsed into numeric values, while margins and inner dimensions position the plot within a 960x500 SVG canvas.

Sshungshung
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 semi-transparent circle representing a vehicle. The chart uses D3 v5's `csv` loader to fetch data, `scaleLinear` for both axes, and `axisLeft` and `axisBottom` to render the scales. SVG circles are positioned via the scales, with axis tick lines extending across the plot and custom formatting applied to the x-axis labels. The visualization includes a rotated y-axis title and a chart title.

MMatthiasVanCampen
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for both axes and `extent` to set the domain. Circles represent individual data points, colored red with partial opacity, while grid lines are generated via `axisBottom` and `axisLeft` with custom tick sizing. Axis labels and a title are appended as SVG text elements, and the data is loaded asynchronously using `csv` and parsed with numeric coercion.

Rruubi0807@gmail.com
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 semi-transparent circle representing a vehicle. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data, with gridlines and axis labels generated via the `tickSize` and `tickPadding` options. The code loads CSV data asynchronously, converts numeric fields, and renders the SVG circles with opacity to show density. Titles and axis annotations are added as SVG text elements, while the axes’ domain lines are removed for a cleaner presentation.

Xxychen0612.cs09@nycu.edu.tw
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset. The visualization uses D3.js v5 with SVG rendering and linear scales to map the data points, which are displayed as semi-transparent circles. The chart includes labeled axes, tick marks, and a title, with the y-axis rotated for readability. Data is loaded from a CSV file and parsed before being bound to the SVG circles.

TTsing
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each circle representing a vehicle from the auto-mpg dataset. The visualization uses D3 v4's `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, while `csv` loads the remote data. SVG circles are rendered with a steelblue fill and partial opacity, and grid lines are generated through tick sizing. Axis labels and a title are added using SVG text elements, with the chart drawn inside a margin-based layout.

IIan Russell
96% match