Skip to main content
SimilarExport ZIP
100%

AutoMotor Plot: Model S

✓ Published1🌍 Public
Bbattlescarredshogun
Last edited Jan 30, 2020
Created on Jan 30, 2020

This scatter plot maps horsepower on the x-axis against weight on the y-axis for a dataset of cars from the auto-mpg CSV. Each semi-transparent teal circle represents a vehicle, with axes, gridlines, and descriptive labels rendered using D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft`. The SVG chart is built by appending circles and axis groups within a margin-based layout, with data parsed and converted to numeric values before rendering.

AI-generated description

This scatter plot is all about cars.

MIT Licensed

Similar vizzes

Loading thumbnail…

AutoMotor Plot: Model S

This scatter plot maps horsepower on the x-axis against weight on the y-axis for a dataset of cars from the auto-mpg CSV. Each semi-transparent teal circle represents a vehicle, with axes, gridlines, and descriptive labels rendered using D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft`. The SVG chart is built by appending circles and axis groups within a margin-based layout, with data parsed and converted to numeric values before rendering.

Bbattlescarredshogun
100% match
Loading thumbnail…

AutoMotor Plot: Model S

This scatter plot maps horsepower on the x-axis against weight on the y-axis for a dataset of cars from the auto-mpg CSV. Each semi-transparent teal circle represents a vehicle, with axes, gridlines, and descriptive labels rendered using D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft`. The SVG chart is built by appending circles and axis groups within a margin-based layout, with data parsed and converted to numeric values before rendering.

Bbattlescarredshogun
100% match
Loading thumbnail…

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 red, semi-transparent circles to show data density, and includes labeled axes and a title. Built with D3 v5, the code loads CSV data, applies linear scales via `scaleLinear`, and renders axes using `axisBottom` and `axisLeft`. The SVG output includes grid lines and custom styling from the accompanying stylesheet.

Kkshethia12
86% 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
86% match
Loading thumbnail…

D3 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 `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. Semi-transparent steelblue circles represent individual car models, with axis labels and a title clarifying the chart’s purpose. Data is loaded as CSV and parsed before rendering, with margins and inner dimensions calculated to position the plot within the SVG canvas.

Ssathishkottravel
86% 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
85% match
Loading thumbnail…

Scatter Plot 101

This scatter plot shows the relationship between horsepower and weight for cars from the auto-mpg dataset, with red semi-transparent circles marking each vehicle. The visualization uses D3 v6 with SVG rendering, employing `d3.csv` to load data, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` to generate gridlines. Axis labels and a title are added as text elements, while margins and padding position the chart within the 960×500 SVG canvas.

Ddata-inside
85% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for individual cars from the auto-mpg dataset. Each red, semi-transparent circle represents a vehicle, positioned according to its horsepower and weight values. The visualization uses D3.js version 5.6, specifically leveraging `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes and plot the data as an SVG. The code parses the remote CSV file, converting numeric fields, then renders the scatter plot with custom margins and axis labels.

EEd Link III
85% match