Skip to main content
SimilarExport ZIP
100%

Scatter Plot Test

✓ Published0🌍 Public
ZZhi Guangda
Last edited Aug 14, 2019
Created on Jul 14, 2019
Forked from Scatter Plot Test

This scatter plot compares car horsepower to weight using data from the auto-mpg CSV dataset. The visualization renders circles with opacity to show the relationship between the two variables, with axes labeled and a title displayed. The code uses d3.csv for data loading, d3.scaleLinear for scaling, and d3.axisBottom and d3.axisLeft for axis generation. SVG rendering is employed, with margins and tick sizes configured to create a clear, readable chart.

AI-generated description

Gráfico comparação potência de carros em relação ao peso. Dados obtidos do vizhub csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Test

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, loaded via `d3.csv`. The SVG rendering uses `d3.scaleLinear` for both axes, with `d3.axisBottom` and `d3.axisLeft` to create gridlines and tick marks. Circles are appended with semi-transparent cyan fill to show data density. Axis labels and a title are added as SVG text elements, demonstrating a clear, labeled comparison of vehicle performance metrics.

JJefferson Abreu
94% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset. The code loads CSV data via d3.csv, parses numeric fields, and renders circles using D3 v5's scaleLinear, axisBottom, and axisLeft within an SVG. Grid lines are generated through tickSize, while axis labels and a title are appended as SVG text elements.

BbeauMarko
93% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes the relationship between car horsepower and weight using data from the auto-mpg dataset. Red semi-transparent circles are plotted on an SVG canvas, with axes labeled and styled via D3 v5's scaleLinear, axisBottom, and axisLeft APIs. The visualization includes a title and axis labels, with gridlines generated through tickSize settings. Data is loaded as CSV and parsed into numeric values before rendering.

Pprincit
93% 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
93% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the Auto MPG dataset. The code uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, and draws semi-transparent red circles via SVG. A title and axis labels are added manually, while the data is loaded from a CSV file using D3's `csv` function. The chart is rendered on a blank SVG canvas with margins and tick marks.

Mmellerjakub88
93% match
Loading thumbnail…

Car Scatter Plots

This scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset. Each circle represents a vehicle, with horsepower plotted on the x-axis and weight on the y-axis, using D3.js version 5. The visualization uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render axes with grid lines. Circles are appended as SVG elements with a forest-green fill and 50% opacity. The chart includes labeled axes and a title, with margins creating space for the text elements.

LLinn
92% match
Loading thumbnail…

Scatter Plot

This example visualizes the relationship between horsepower and weight for cars, using a scatter plot where each circle represents a vehicle. The x-axis maps weight and the y-axis maps horsepower, with axis labels and a title displayed prominently. The code loads the auto-mpg dataset via `d3.csv`, parses numeric fields, and renders the plot using `d3.scaleLinear` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and SVG circles. Axis ticks are styled with `d3.format` to abbreviate large numbers, and grid lines are generated via tick sizes.

AAndy Zhang
92% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, sourced from the auto-mpg CSV file. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear scales mapping weight to the x-axis and horsepower to the y-axis. The code uses d3.csv to load data, d3.axisBottom and d3.axisLeft to render gridlines and tick labels, and SVG circles within a margin-based layout. Axis labels and a title are appended as text elements, with styling defined in CSS.

Aanuj1450
92% match