scatter plot 7

100%

scatter plot 7

✓ Published0🌍 Public

Last edited Oct 25, 2025

Created on Oct 25, 2025

This scatter plot displays the relationship between horsepower and fuel efficiency (MPG) for ten car models, with each point labeled with the car’s name. Built with D3 v7, the visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.symbol` with a circle shape to render the points. The SVG output includes axis labels and hover tooltips showing car details, all within a reusable `scatterPlot()` function. The dataset is hardcoded in the script.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

scatter plot 7

This scatter plot visualizes the relationship between horsepower and fuel efficiency (MPG) for a small sample of cars, with each point representing a vehicle and a tooltip revealing its name. Built with D3.v7, the reusable `scatterPlot` function from `scatterPlot.js` uses `scaleLinear` and `axisBottom`/`axisLeft` to map the data to SVG coordinates. The `index.html` file demonstrates the chart with a static dataset, rendering circles via a D3 selection join, though the primary focus is on the configurable chart generator.

Aadithiarikatla@gmail.com

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

87% match

Loading thumbnail…

Act 6, Task 3 6

This scatter plot shows the relationship between horsepower and fuel efficiency (miles per gallon) for ten car models, with each point colored by the car’s region of origin (USA, Japan, or Europe). Built with D3 v7, the code loads the `cars.csv` file, uses `d3.scaleLinear` for both axes, and applies `d3.scaleOrdinal` with `d3.schemeCategory10` for the categorical color encoding. SVG circles are positioned via x/y scales, and labeled axes are generated with `d3.axisBottom` and `d3.axisLeft`.

AAnushaHyderaboeni@my.unt.edu

87% match

Loading thumbnail…

Activity6_task3

This scatter plot visualizes the relationship between horsepower and fuel efficiency (MPG) for 49 car models, with each point colored by the car's region of origin—American, European, or Japanese. The visualization uses D3.js v7 to load data from a CSV file and render SVG circles, with an interactive tooltip that appears on hover to display detailed specifications. The chart employs d3.scaleLinear for both axes, d3.scaleOrdinal for coloring, and d3.axisBottom and d3.axisLeft for the labeled axes. Hovering triggers animated transitions that enlarge the selected point and show a formatted HTML tooltip.

Vvidyagangasani@my.unt.edu

87% match

Loading thumbnail…

Cars Scatter

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of cars, with each car represented as a semi-transparent circle. The chart uses D3 v5’s scaleLinear, extent, axisLeft, and axisBottom APIs to map data values to SVG coordinates, with gridlines and axis labels. The data is loaded asynchronously from an external CSV file via d3.csv, and numeric fields are parsed before rendering. Styling is applied through CSS classes for circles and text elements.

TTrey Billing

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

87% match

Loading thumbnail…

Scatter plot of cars

This scatter plot visualizes the relationship between fuel efficiency (mpg) and horsepower for 398 car models from the UCI Auto MPG dataset. Each semi-transparent blue circle represents a car, allowing overlapping points to reveal density patterns. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks with gridlines, and `extent` to compute domains. Axis labels and a title are added as SVG text elements.

DDi Zhen

86% match

Loading thumbnail…

Cars: scatter plot

This scatter plot displays the relationship between horsepower and fuel efficiency (MPG) for a dataset of cars, with each circle representing a vehicle. The visualization uses D3 v5’s `scaleLinear` and `extent` functions to map the data to SVG coordinates, while `axisLeft` and `axisBottom` create labeled axes with gridlines. The circles are semi-transparent yellow, and the chart includes a title and rotated axis labels styled via CSS. Data is loaded asynchronously from a CSV file using D3’s `csv` method.

AAnthony-coding

86% match