Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
ZZY Huang
Last edited Apr 29, 2020
Created on Apr 13, 2020
Forked from 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.

AI-generated description

The bar chart shows population of the top 10 (http://)

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for a dataset of cars, with each red semi-transparent circle representing a single vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes with gridlines, while `csv` loads the auto-mpg data from a remote URL. The SVG rendering includes labeled axes and a title, with circle positions mapped via scaled x and y coordinates.

Aanastasiiaplatovskikh
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between miles per gallon (MPG) and horsepower for a dataset of cars, with each circle representing a vehicle. The chart uses color to differentiate individual data points, while axes are labeled and scaled using D3's `scaleLinear` and `scaleBand` functions. Built with D3 v5, the visualization renders as an SVG and reads its data from an external CSV file. The code employs D3's `axisLeft`, `axisBottom`, `extent`, and `format` APIs to construct the axes and tick marks.

EEdward-Elric233
94% match
Loading thumbnail…

Cars Scatter Plot

This example visualizes the relationship between miles per gallon and horsepower for a dataset of cars from the auto-mpg CSV. Each car is represented as a steel-blue circle with a black stroke, positioned using d3.scaleLinear with d3.extent to map data domains to screen coordinates. The code renders SVG elements and includes customizable axes with tick lines and titles, built using d3.axisLeft and d3.axisBottom. The data is loaded asynchronously via d3.csv, with numeric fields coerced to numbers before rendering.

Bbenholvey
93% 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
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between miles per gallon and horsepower for a dataset of cars, with each point representing a vehicle. The axes are labeled as "Population" and "Weight" despite plotting mpg and horsepower. Built with D3 v5, the visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` to render the chart as an SVG. Data is loaded asynchronously from a CSV file using D3's `csv` method, and circles are appended to the SVG to represent data points.

AAngus Hon
93% match
Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between horsepower and miles per gallon for car models, with each circle representing a vehicle. The axes are labeled and the chart includes a title. The visualization uses d3.scaleLinear to map data values to screen coordinates, d3.axisBottom and d3.axisLeft for tick marks, and SVG circles with steelblue fill and opacity. Data is loaded asynchronously from a CSV file using d3.csv.

PPeter S
92% match
Loading thumbnail…

Cars Scatter Plot with Menus

This scatter plot shows the relationship between miles per gallon and horsepower for cars from the auto-mpg dataset. Each point is a semi-transparent blue circle, with axes labeled and scaled using linear scales with nice tick intervals. The visualization is built with D3 v7, using `scaleLinear` for coordinate mapping, `axisLeft` and `axisBottom` for grid lines and labels, and SVG rendering. The CSV data is loaded via D3's `csv` function and parsed into numeric values before plotting.

TTsen Hsieh
92% match
Loading thumbnail…

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.

CChris Mora
92% match