Skip to main content
SimilarExport ZIP
100%

loading auto mgp scatter plot

✓ Published1🌍 Public
ZZhi Guangda
Last edited Jul 25, 2019
Created on Jul 24, 2019

This scatter plot visualizes the relationship between horsepower and acceleration in the auto-mpg dataset, with each data point rendered as a semi-transparent steelblue circle. Built with D3 v5, the visualization uses SVG rendering for the chart elements. The code employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and `extent` with `.nice()` for domain calculation. The chart includes axis labels, a title, and hover effects that outline circles in red, with the data loaded from an external CSV file.

AI-generated description

blablabla like curran

MIT Licensed

Similar vizzes

Loading thumbnail…

loading auto mgp scatter plot

This scatter plot visualizes the relationship between acceleration and horsepower in the auto-mpg dataset, with each circle representing a vehicle. The data loads from a CSV file hosted on VizHub. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs within an SVG rendering. Grid lines are styled via tick sizes, and interactive click events log data to the console. The chart includes axis labels and a title, with a steelblue fill and hover effects on the circles.

FFrançois Plet
94% match
Loading thumbnail…

loading auto mgp scatter plot

This scatter plot visualizes the relationship between vehicle acceleration and horsepower using a dataset of automobile specifications. The code leverages D3 v5's `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for tick marks, and CSV loading from a remote URL. Circles are rendered in SVG with a steelblue fill and opacity, and hovering highlights them with a red stroke. Axes include labels and grid lines, with a title placed at the top of the chart.

MM-O-Othman
93% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes the relationship between MPG and horsepower using the auto-mpg dataset. Each circle represents a vehicle, positioned by linear scales created with `d3.scaleLinear` and `d3.extent`, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The SVG chart animates circle appearance using `d3.transition` with easeLinear. Data is loaded as CSV and parsed into numbers, with axis labels and gridlines styled through CSS classes.

CChris Mora
87% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and acceleration for cars, with each circle representing a vehicle from the auto-mpg dataset. It demonstrates axis customization using d3.axisLeft and d3.axisBottom, including tick sizing, padding, and label styling. The code uses d3.scaleLinear with extent-based domains and nice() to set scales, while d3.csv loads data from a remote URL. SVG rendering shows semi-transparent steelblue circles, and the plot includes a title and axis labels with custom fonts and colors.

Sshanmango
87% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and acceleration for various car models, with each red semi-transparent circle representing a data point from the auto-mpg dataset. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while removing the domain lines and adding styled labels and a title. The chart renders as an SVG and includes gridlines via tick lines, with data loaded asynchronously using `csv` from a VizHub-hosted URL.

Bbilal
87% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between acceleration and horsepower for cars from the auto-mpg dataset. D3’s scaleLinear, axisBottom, and axisLeft functions map the quantitative values, while circles are appended to an SVG container. The code loads CSV data via d3.csv, converts numeric fields, and uses margin-based layout with tick marks and axis labels. Red translucent circles reveal density, with axes formatted using d3.format and a title added manually.

Ccledevoute
87% match
Loading thumbnail…

Scatter Plot

This scatter plot uses D3 v5 to visualize the relationship between horsepower and weight in the auto-mpg dataset. The SVG rendering displays each vehicle as a circle, with its position determined by the d3.scaleLinear scales for the x- and y-axes after parsing the CSV data. The d3.axisBottom and d3.axisLeft functions generate the axes, while the margin and inner dimensions shape the plot area.

LLonwabo11
86% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between vehicle horsepower and weight, with each circle representing a data point from the auto-mpg dataset. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` APIs to map the data to SVG coordinates within a 960×500 canvas. Data is loaded asynchronously via `csv()` from a remote source, with numeric fields parsed before rendering. The plot includes labeled axes with tick marks spanning the full plot height and width, though the axis labels and titles are incomplete in the code.

LLonwabo11
86% match