Scatter 2

100%

✓ Published0🌍 Public

Last edited Mar 9, 2026

Created on Mar 9, 2026

This chart combines three encodings to show automotive trends across model years. It plots average MPG and horsepower as colored lines on a shared left axis, while average weight appears as bars using a separate right axis. The visualization aggregates individual vehicle records from the seaborn MPG dataset using `d3.rollups` and `d3.mean`, then renders an SVG with `d3.line`, `d3.scaleBand`, and multiple `d3.axis` components. A text annotation highlights the observed rise in fuel efficiency.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot 101

This scatter plot shows the relationship between horsepower and weight for cars from the auto-mpg dataset, with red semi-transparent circles marking each vehicle. The visualization uses D3 v6 with SVG rendering, employing `d3.csv` to load data, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` to generate gridlines. Axis labels and a title are added as text elements, while margins and padding position the chart within the 960×500 SVG canvas.

Ddata-inside

84% 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

84% 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

84% 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

84% match

Loading thumbnail…

Scatter Plot cars

This scatter plot displays the relationship between horsepower and weight for various car models, sourced from the auto-mpg dataset. The visualization loads data via `d3.csv` and encodes each car as a circle, using `d3.scaleLinear` for both axes. The code constructs the chart with `d3.select`, `d3.axisBottom`, and `d3.axisLeft`, and removes the default axes domains for a cleaner look. All marks are rendered as SVG elements, with styling applied through a linked stylesheet.

HHaniAlHawasli

84% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes automotive data, showing the relationship between horsepower and weight for a dataset of cars. The visualization uses a D3.js v5 implementation with SVG rendering to plot red, semi-transparent circles on a Cartesian coordinate system. The code leverages d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to construct the scales and axes, with gridlines extending across the plot area. Data is loaded via d3.csv from an external auto-mpg dataset, and custom axis labels and a graph title are added as SVG text elements.

Llanzosuarez

84% match

Loading thumbnail…

Scatter Plot cars

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset. Each semi-transparent steelblue circle represents a car, with positions determined by linear scales mapping the data attributes to SVG coordinates. The chart includes labeled axes with gridlines and a title, using d3.csv for data loading, d3.scaleLinear, d3.axisLeft, and d3.axisBottom for scales and axes, all rendered as SVG elements.

1123fischer

84% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the relationship between vehicle weight and fuel efficiency (mpg) using data from the auto-mpg.csv dataset. The visualization renders circles for each car, positioned by linear scales created with d3.scaleLinear, and uses d3.axisBottom and d3.axisLeft for labeled axes. SVG elements are drawn via D3 v5 selections, with the chart’s styling handled in CSS. The code also parses numeric fields from the CSV and includes title, explanation, and source text within the SVG.

JJoseph Burns

84% match