Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published0🌍 Public
CChris Mora
Last edited Mar 31, 2020
Created on Mar 30, 2020
Forked from Scatter plot

This scatter plot visualizes the relationship between MPG and horsepower using the auto-mpg dataset. Each circle represents a vehicle, positioned by linear scales created with `d3.scaleLinear` and `d3.extent`, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The SVG chart animates circle appearance using `d3.transition` with easeLinear. Data is loaded as CSV and parsed into numbers, with axis labels and gridlines styled through CSS classes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the relationship between miles per gallon and horsepower for cars from the auto-mpg dataset, with each red semi-transparent circle representing a vehicle. The chart uses d3.scaleLinear to map data values to pixel coordinates, d3.axisBottom and d3.axisLeft to render labeled axes with gridlines, and SVG circles for marks. Data is loaded via d3.csv, with circles and labels appended through D3 selections, while axis tick styling is handled in the linked stylesheet.

ZZY Huang
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between a car's fuel efficiency (mpg) and its horsepower using data from the auto-mpg.csv dataset. The plot uses circles to represent individual car models, with the x-axis showing mpg and the y-axis showing horsepower. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisLeft` and `axisBottom` for the axes, and `select` to target the SVG element. The data is loaded via `csv` and processed before rendering.

PPioustu
92% match
Loading thumbnail…

Scatter Plot

This scatter plot uses D3 v5 to visualize the relationship between horsepower and weight in the auto-mpg dataset. The SVG rendering displays each vehicle as a circle, with its position determined by the d3.scaleLinear scales for the x- and y-axes after parsing the CSV data. The d3.axisBottom and d3.axisLeft functions generate the axes, while the margin and inner dimensions shape the plot area.

LLonwabo11
91% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes the relationship between horsepower and miles per gallon for various car models, sourced from the auto-mpg dataset. The D3 v6 code loads CSV data, maps horsepower to the x-axis and mpg to the y-axis using linear scales, and renders semi-transparent pink circles for each car. Axis tick marks extend across the plot, and both axes are labeled. The SVG output includes a title and uses Roboto Mono typography for all text elements.

RRodolfo Viana
91% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the relationship between horsepower and miles per gallon for a collection of cars from the Auto MPG dataset. Each point represents a vehicle, with its color denoting the country of origin and its size reflecting the car's weight. The visualization is rendered as an SVG using the D3.js library, specifically leveraging `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` for categorical color encoding, with animated tooltips providing details on hover.

KKOLLIPATI NIKHIL
91% 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
91% match
Loading thumbnail…

Cars Scatter Plot!

This scatter plot visualizes the relationship between MPG and horsepower for a dataset of cars. Each pink circle represents a car, positioned according to its fuel efficiency and engine power, with axes labeled accordingly. The visualization is built with D3 v5, using `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, and loading data from a CSV file via `csv()`. The SVG rendering includes grid lines and a title, with circles styled through CSS.

Hhimanshigoyal23
90% match
Loading thumbnail…

Scatterplot: Horsepower and MPG in D3

This scatterplot shows the relationship between horsepower and miles per gallon (MPG) for a set of cars. It displays each car as a circle, with MPG on the x-axis and horsepower on the y-axis. Using d3.csv, it loads car data from a remote GitHub gist, converts the string values to numbers, and maps them to linear scales via d3.scaleLinear. The visualization renders circles as SVG elements, styled with CSS hover effects, and includes labeled axes and a title generated with d3-axis and SVG text.

Kkfhujosefsson@dons.usfca.edu
90% match