Skip to main content
SimilarExport ZIP
100%

Scatterplot

✓ Published0🌍 Public
GGorantla Vishnusai
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from Activity6_Task3

This scatterplot visualizes the relationship between fuel efficiency and engine size for a dataset of cars, with each point’s radius representing horsepower and its opacity representing price. The chart uses D3 v6 to load CSV data from a GitHub gist, apply linear scales for the axes and point attributes, and render circles in an SVG. Color encodes car type (Sedan, Coupe, SUV, Truck) via `d3.scaleOrdinal`, with a legend included. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes a car dataset, showing fuel efficiency versus price with points colored by car type. Built as a reusable D3.js chart function, it uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeSet2` for categorical colors, and SVG circles with hover tooltips. The data is loaded from a CSV file via `d3.csv` with `d3.autoType`, and rendered in an SVG container with axes generated using `d3.axisLeft` and `d3.axisBottom`.

RRamdas Dheeraj
89% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between fuel efficiency (MPG) and engine displacement for a dataset of cars, with each circle representing an individual vehicle. The chart uses D3 v5’s `scaleLinear` for both axes, `axisLeft` and `axisBottom` for grid lines and tick labels, and SVG circles with a fixed radius. Data is loaded asynchronously from a CSV file via `csv()`, with numeric fields parsed before rendering. The graph includes rotated axis labels and a title, while the styling applies semi-transparent brown circles through CSS.

Jjlongwellchc
89% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of automobiles, with each car represented as a semi-transparent circle. The visualization uses D3 v5's linear scales (`scaleLinear`) to map data values to coordinates, and axes are rendered with `axisLeft` and `axisBottom`, including grid lines and custom tick formatting. The SVG canvas is populated by appending circle elements, and the data is loaded asynchronously from a CSV file using the `csv` function.

Ssara17585
88% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of automobiles, with each car represented as a semi-transparent circle. The visualization uses D3 v5's linear scales (`scaleLinear`) to map data values to coordinates, and axes are rendered with `axisLeft` and `axisBottom`, including grid lines and custom tick formatting. The SVG canvas is populated by appending circle elements, and the data is loaded asynchronously from a CSV file using the `csv` function.

Ssara17585
88% 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
88% 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
88% match
Loading thumbnail…

Cars scatter plot

This scatter plot shows the relationship between fuel efficiency (mpg) and horsepower for a dataset of automobiles, with each car represented as a semi-transparent green circle. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes and gridlines, while the data is loaded from a remote CSV using `d3.csv`. The chart includes labeled axes, a title, and margins calculated from the SVG’s dimensions, rendering all elements as SVG shapes.

Eevapavlinek
88% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between fuel efficiency (MPG) and engine power (horsepower) for a collection of cars, with each red semi-transparent circle representing a single vehicle. The visualization uses d3.csv to load data from the auto-mpg dataset and d3.scaleLinear with d3.extent to map values to positions, while d3.axisBottom and d3.axisLeft construct the labeled axes. The chart is rendered as an SVG with custom margins, tick formatting, and axis labels using d3.format.

BBo Yang
88% match