Skip to main content
SimilarExport ZIP
100%

Auto Horse power vs Weight

✓ Published2🌍 Public
FFoysal Ahmed Emon
Last edited Feb 8, 2020
Created on Feb 8, 2020

This scatter plot visualizes the relationship between vehicle weight and acceleration for a dataset of cars, with each car represented as a semi-transparent tomato-colored circle. The x-axis is labeled "weight" while the y-axis shows "acceleration," and the chart includes a title "HorsePower vs Weight." The visualization is rendered as an SVG using D3 v5, with axes created via `axisBottom` and `axisLeft`, and scales set up using `scaleLinear` and `extent`. Data is loaded from a CSV file containing vehicle specifications from 1970–1973.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

HorsePower vs Weight

This scatterplot shows the relationship between horsepower and weight for a set of cars, with each point representing a vehicle. The chart uses D3.js v5 to render an SVG with axes, gridlines via tick marks, and semi-transparent circles. Data is loaded from a CSV file using the `csv` function, then processed and scaled with `scaleLinear` and `extent`. Axis functions `axisBottom` and `axisLeft` create the labeled scales, while text elements add a title, axis labels, and a legend indicating a "Target range" with a green rectangle.

YYoung Song
88% match
Loading thumbnail…

Cars: Horsepower vs Weight

This scatterplot displays the relationship between horsepower and weight for a dataset of cars. Each circle represents a car, positioned along the horizontal axis for horsepower and the vertical axis for weight, with a steelblue fill and partial opacity. The chart includes labeled axes and a title, built using the D3 v5 library. It loads data from an external CSV file and renders the visualization as SVG, using D3's linear scales, axes, and selection APIs.

JJacob van Lingen
86% match
Loading thumbnail…

Cars Scatter Plot: Horsepower vs. Weight

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository's Auto MPG dataset. Each blue semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, revealing a positive correlation between the two variables. The visualization uses D3 v5 APIs such as `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to load data, scale the axes, and render the SVG plot. Axis labels and a title are added, with gridlines provided via tick sizes, all styled through external CSS.

Jjblaskovich
85% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, using data from the auto-mpg dataset. Red semi-transparent circles plot each vehicle, with the title "Cars Horsepower vs Weight" displayed above. The visualization uses d3.csv for data loading, d3.scaleLinear, d3.extent, and d3.axisBottom/axisLeft for scales and axes, with d3.select to append SVG circles. Gridlines and rotated axis labels enhance readability within a fixed SVG canvas.

Ddacoylo
85% 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
84% match
Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between vehicle weight and horsepower, with each circle's radius encoding acceleration. Based on the auto-mpg dataset, the plot uses D3 v5's `scaleLinear` for position and size scaling, along with `axisBottom` and `axisLeft` to render grid lines and tick marks. Circles are appended as SVG elements with opacity and hover effects. A custom tooltip displays acceleration values on mouseover, while axis labels and a title clarify the chart’s meaning, all styled through external CSS.

Vvladvaculin
84% match
Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between vehicle weight and horsepower, using data from the auto-mpg dataset. Each data point’s position on the x- and y-axes corresponds to these two numeric attributes, while the point’s size reflects its acceleration value. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for grid lines and ticks, and `csv` to load the remote dataset. Data points are rendered as styled HTML `div` elements positioned via inline styles within an SVG container.

Vvladvaculin
84% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between vehicle weight and horsepower for a dataset of cars. Each semi-transparent steel-blue circle represents a single car model, with the chart titled "Horsepower vs Weight." The visualization uses D3 v5 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to compute scales and render SVG axes. Data is loaded via `csv()` from the auto-mpg dataset, with numeric fields parsed before rendering. Grid lines are created through axis tick sizing, and axis labels are added as SVG text elements.

Aadvaitkulkarni08
84% match