Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_question3

✓ Published4🌍 Public
Kkandulasunny17@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This scatter plot visualizes sales data from a CSV file, showing the relationship between total sales and order number, with colors differentiating customers. It uses D3 v6's `scaleLinear`, `scaleBand`, and `scaleOrdinal` to map the data, rendering circles as SVG elements with axes, labels, a legend, and interactive tooltips that display product and sales figures on hover.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Activity6question3

This example visualizes a sales dataset as a scatter plot, plotting total sales on the x-axis against order numbers on the y-axis, with points colored by customer using `d3.scaleOrdinal` and `schemeTableau10`. A legend identifies each customer, and hover tooltips display product details and total sales. The chart loads CSV data from a GitHub repository via `d3.csv` and renders as SVG, using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes.

Nnikhithaaitha22@gmail.com
85% match
Loading thumbnail…

Activity6_Question-3

A scatter plot maps daily sales over time, using D3.js v7 with `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.symbolsFill` to encode product categories as distinct point shapes. A legend, built via `d3.symbol`, lists each category. Data loads from a remote CSV file, parsed with `d3.csvParse` and `d3.timeParse`; sales figures are numeric. The chart includes labeled x- and y-axes, and points render as SVG paths within an HTML page styled by CSS.

Kkandulasunny17@gmail.com
85% match
Loading thumbnail…

Fork of Activity6_question

This stacked bar chart visualizes monthly sales across three departments—Electronics, Clothing, and Groceries—using horizontal bars segmented by category. The chart is built with D3.js v4, parsing CSV data and rendering it as SVG, with a color scale distinguishing departments and a custom tooltip showing segment values on hover. Axes display month labels and total sales formatted in thousands, while a legend identifies each category. The layout uses D3 scales for positioning and the d3.stack API to compute stacked segments from the uploaded sales data.

Mmaneeshraja47@gmail.com
84% match
Loading thumbnail…

fork of activity_6_question_4

This bubble chart visualizes product data, mapping price to the x-axis, sales volume to the y-axis, and rating to bubble radius, with categories distinguished by color. The D3 v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for circle sizes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. The SVG rendering includes a legend, axis labels, and interactive tooltips that display product details on mouseover. Data is loaded from a CSV file using `d3.csv`.

JJaswanthkota@my.unt.edu
84% 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
84% match
Loading thumbnail…

Activity6_question3

This interactive scatter plot visualizes a car dataset, with each point representing a vehicle plotted by its Total Sales and Product. The chart, rendered as an SVG, uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to map data to position and color. A legend identifies the product categories via color. The visualization is loaded from a remote CSV file and fills the browser window, with axes labeled "Highway MPG" and "Horsepower."

Kkandulasunny17@gmail.com
83% match
Loading thumbnail…

activity6_Q6

A scatter plot shows the relationship between two numeric columns from a CSV file of sales product details. The visualization uses D3.js v7 to load the data asynchronously, map values to linear scales, and render circles with an ordinal color scale based on a categorical group column. Axes and labels are generated using `d3.axisBottom` and `d3.axisLeft`, while the SVG canvas is sized and positioned via `d3.select` and `attr`.

RRJVENKATESH789@GMAIL.COM
83% match