Skip to main content
SimilarExport ZIP
100%

Question 2: Scatter Plot

✓ Published1🌍 Public
Sshreshnaanugu@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

A scatter plot visualizes the relationship between units sold and revenue, with each circle colored by region (North, South, East, West) and sized at 6 pixels. The chart loads CSV sales data from a GitHub gist using d3.csv, then renders interactive SVG circles with D3 v7 scaleLinear, axisBottom, and axisLeft. Hovering enlarges circles via mouseover and mouseout events, while horizontal gridlines and a legend improve readability.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment_7_Q1

A reusable scatter plot compares monthly Sales against Profit, with points colored and shaped by region (North, South, East, West) using D3 v7 scales (d3.scaleOrdinal, d3.symbol). A tooltip appears on mouseover showing month, region, sales, and profit. The chart is built as a factory function (scatterPlot) with configurable margins and transition animations for point updates. Data comes from an inline CSV string parsed by d3.csvParse.

SSai Charan
81% match
Loading thumbnail…

Reusable Scatterplot

This scatter plot visualizes the relationship between units sold and sales revenue for mobile devices, with data points colored by brand. The implementation uses a reusable `scatterPlot` module built with D3 v6, employing `scaleLinear` and `scaleOrdinal` for axes and color encoding, alongside `axisLeft` and `axisBottom` for chart annotations. The visualization cycles between two halves of the dataset every five seconds, fetched from a CSV via `d3.csv`, and renders as an interactive SVG with a 12-pixel font for labels.

Ttelkapallyrekha@gmail.com
80% match
Loading thumbnail…

question3.6

A scatter plot displays sales data from a CSV file, plotting total sales on the x-axis and order numbers on the y-axis with circles colored by customer. The visualization includes axes, a legend, and interactive tooltips showing product and sales details. It uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleBand`, `scaleOrdinal`, `axisLeft`, and `axisBottom`, with SVG rendering and the Tableau10 color scheme.

Nnikhithaaitha22@gmail.com
80% match
Loading thumbnail…

Fork of assignment 7 ScatterPlot

This D3.js v7 example presents a reusable scatter plot that visualizes the relationship between units sold and profit, with points colored by region. Each circle represents a data record from a 200-row CSV dataset. The visualization implements a configurable chart function with setters for data, dimensions, and axis mappings. It uses SVG rendering, d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeTableau10 for categorical colors, and d3.csv for data loading, alongside axis generators and grid lines.

Sshyamraghav12@gmail.com
80% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between monthly sales and profit, with each circle representing a month. The reusable `scatterPlot` function generates linear scales using `d3.scaleLinear` and axes via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a local CSV file and parsed with `d3.csv`. The SVG rendering includes labeled axes and a titled chart, with circles styled in steelblue using the `enter` selection pattern.

Ppvvaishnavi93@gmail.com
80% match
Loading thumbnail…

Scatter Plot

This example shows a reusable scatter plot of monthly sales versus profit, with each circle representing a month’s data from a CSV file. The visualization uses D3 v7 to load the data via `d3.csv`, then builds a linear scale for both axes with `d3.scaleLinear`. Axes are rendered using `d3.axisBottom` and `d3.axisLeft`, while circles are appended to an SVG container with fixed radii and a steelblue fill. The chart includes labeled axes and a title, all styled through CSS classes.

Ppvvaishnavi93@gmail.com
79% match
Loading thumbnail…

Scatter Plot

A reusable scatter plot displays the relationship between monthly sales and profit, with each point representing a month from a CSV data file. The plot uses D3 v7 within an SVG rendered in React, employing `d3.csv` to load data and `d3.scaleLinear` to map values to axes. A custom `scatterPlot` function handles axis generation via `d3.axisBottom` and `d3.axisLeft`, rendering circles with steelblue fill to show the positive correlation between the two variables.

Ppvvaishnavi93@gmail.com
79% match
Loading thumbnail…

Question3

This scatter plot displays sales data, plotting total sales on the x-axis against order numbers on the y-axis, with each point colored by customer using an ordinal scale with the Tableau10 scheme. It loads a CSV from GitHub using d3.csv, renders circles in an SVG, and includes axes, a legend, and interactive tooltips that show product details on hover. The visualization uses d3.scaleLinear, scaleBand, axisLeft, and axisBottom for positioning and scaling.

Kkandulasunny17@gmail.com
79% match