Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatter Plot with D3.js!

✓ Published1🌍 Public
Aannadehtiarova
Last edited Jan 31, 2021
Created on Jan 31, 2021

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, displaying each vehicle as a semi-transparent black circle. The D3.js v6 code uses `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to construct the axes with grid lines and labels, while `csv` loads the remote dataset. The SVG rendering applies a light gray background and custom styling for ticks and titles.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each red semi-transparent circle representing a vehicle. The code uses D3 v5’s `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to load data from the UCI Auto MPG dataset and render an SVG chart. Axes include tick marks and labels, while a title and rotated y-axis label are manually positioned. Filtering and data type conversion occur before rendering, matching the original example’s styling and layout.

AAlexandre Pinho
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
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
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…

Fork of Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set. It uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes. Circles represent individual car models, with a red fill and partial opacity, conveying density. The code loads data via `csv` and builds the chart using margins, a title, and axis labels.

Jjt23346059@gmail.com
91% match
Loading thumbnail…

Fork of 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.

Ttheaddies
90% 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
90% 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 code uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes, while `csv` loads the data from a VizHub-hosted file. SVG rendering places titled axes and semi-transparent circles, with styling handled via CSS. The visualization emphasizes the positive correlation between the two variables, showing how heavier cars tend to have higher horsepower.

Zzenoe
90% match