Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
LLonwabo11
Last edited May 6, 2019
Created on May 6, 2019
Forked from Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each circle representing a data point. The plot uses D3.js v5, employing scaleLinear for axes, axisBottom and axisLeft for tick marks, and data from the auto-mpg.csv file. The SVG rendering displays circles positioned via xScale and yScale mappings, with a labeled x-axis denoting the title "Scatter Plot" and tick lines extending across the chart.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each point representing a vehicle. The chart uses a red, semi-transparent circle for each data point, and includes labeled axes for horsepower and weight. Built with D3 v5, the code loads the auto-mpg dataset from a CSV file, scales the data using `scaleLinear`, and renders the visualization as an SVG. The axes are configured with `axisBottom` and `axisLeft`, and the plot is styled with custom CSS for tick marks, labels, and the title.

LLonwabo11
97% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, sourced from the auto-mpg dataset. Each red semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis. The D3 v5 code uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` for labeled grid lines, and appends circles via `selectAll('circle').data().enter()`. The SVG output includes axis labels and a title, with styling controlled by external CSS.

LLonwabo11
96% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each circle representing a vehicle. The data is loaded from a CSV file containing automotive specifications (auto-mpg dataset) and rendered as an SVG graphic using D3 v5. The code employs `d3.scaleLinear` for both axes, `d3.extent` to compute data domains, and `d3.axisBottom` and `d3.axisLeft` for axis generation with grid lines. Semi-transparent steel-blue circles highlight data density, while axis labels and a title provide context.

ZZ-Richard
95% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models from the auto-mpg dataset. The D3.js code uses `scaleLinear` for both axes, with `axisBottom` and `axisLeft` for tick marks and gridlines. Data is loaded via `csv()` from a remote URL, and each vehicle is rendered as a circle with a fixed radius. Axis labels and a title are added as SVG text elements, with styling defined in CSS for the tick marks and label fonts.

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

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each point representing a vehicle. The chart uses D3’s `scaleLinear` for both axes and renders the data as semi-transparent circles, with gridlines from `axisBottom` and `axisLeft`. The data is loaded from a CSV file via `csv()`, and numeric fields are parsed before plotting. Axes are customized with tick labels and rotated text, while the title “CARS yo” appears above the plot.

CCatriona
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each circle representing a vehicle. The chart uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while `extent` determines the domain from the data. The SVG rendering includes grid lines via tick sizes and a rotated y-axis label. Data comes from the auto-mpg dataset loaded with `csv`, and parsed numeric values feed the scales. Circles are rendered semi-transparent red with a fixed radius, and margins position the chart within a 960x500 viewport.

GGeolffrey S Mena
94% 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
94% match