Skip to main content
SimilarExport ZIP
100%

Fork of Scatter plot

✓ Published1🌍 Public
Ttheaddies
Last edited Feb 21, 2022
Created on Feb 21, 2022
Forked from Scatter plot

This scatter plot visualizes the relationship between vehicle weight and horsepower using the auto-mpg dataset. The visualization employs d3.scaleLinear for both axes, with axisBottom and axisLeft generating tick marks and grid lines. Data points are rendered as semi-transparent steelblue circles via SVG circle elements, sized at a constant radius of 18 pixels. The chart includes axis labels and a title, with all styling handled through external CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot ++

This scatter plot visualizes the relationship between vehicle weight and horsepower using data from the auto-mpg dataset. The D3.js (v5) code uses `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, with gridlines drawn via negative tick sizes. It renders semi-transparent steel-blue circles via SVG, with categorical labels for the axes and title. The visualization applies the `extent` function for domain scaling and parses the CSV data to numeric values before rendering.

CChocoOrange
92% 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
92% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between vehicle weight and horsepower using data from the auto-mpg dataset. Circles are plotted on a linear scale for both axes, with semi-transparent steelblue fill to reveal overlapping points. The visualization includes labeled axes, tick marks that extend across the plot, and a title, all rendered as SVG. The code uses D3 v5 methods including `csv` for data loading, `scaleLinear` for scales, `axisBottom` and `axisLeft` for axes, and `selectAll` with data joins to create the circles.

MMartin Christensen
92% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the Auto MPG dataset, with each red circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes, while circles are appended via `selectAll` and `enter`. Data is loaded as CSV and parsed with numeric conversions. The SVG rendering includes custom axis labels and a title, styled through CSS with opacity and tick formatting.

GGerasimos Katsagannis
92% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the Auto MPG dataset. Red circles represent each vehicle, with axes labeled and a title displayed. The visualization uses D3 v5 with `scaleLinear`, `axisBottom`, and `axisLeft` to construct the plot, while `csv` loads the data. The SVG rendering applies semi-transparent circles and custom tick styling via CSS.

Llemonxixixi
92% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a collection of cars. The visualization uses red semi-transparent circles to represent individual data points, with axis labels and a title clarifying the chart’s purpose. The code loads data from the Auto MPG Data Set via `d3.csv`, then renders the chart as an SVG using D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs. Styling is applied through external CSS, and the axes include custom tick formatting and gridlines.

NNALLANATHAN
91% match
Loading thumbnail…

Cars scatter plot

This scatter plot visualizes the relationship between vehicle weight and horsepower using the auto-mpg dataset loaded via d3.csv. The visualization employs d3.scaleLinear for both axes, with the x-axis representing weight and the y-axis horsepower. SVG circles with a fixed radius mark each data point, rendered in steelblue with 50% opacity. The chart includes labeled axes, grid lines created through axis tick sizing, and a title, all styled through the provided CSS.

VVPTomi
91% match
Loading thumbnail…

Fork of Cars Scatter Plot

This fork of a cars scatter plot visualizes the relationship between horsepower and weight for a dataset of automobiles. The code uses d3.csv to load the auto-mpg dataset, d3.scaleLinear for both axes, and d3.axisBottom with d3.axisLeft to render the chart, with circles drawn in SVG. The styling, including tick labels and axis labels, is defined in an external stylesheet, and the visualization includes grid lines generated through tickSize properties.

KKHUN LOUN ZAI
91% match