Skip to main content
SimilarExport ZIP
100%

Question4

✓ Published0🌍 Public
Aasimcyb@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity6_Task4

A sales bubble chart visualizes revenue against units sold for ten product categories, with circle size encoding profit margin and color distinguishing each product. The D3 v7 visualization uses SVG rendering and includes axis labels, a categorical color legend, and interactive tooltips revealing exact values on hover. Data loads from a CSV file, with linear and square-root scales mapping the numeric dimensions.

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…

Activity6_Question-4

This bubble chart displays sales performance for ten products, plotting revenue on the x-axis and profit on the y-axis, with bubble size encoding units sold. The visualization uses a linear scale for both axes and a third linear scale to map units sold to bubble radii, with all bubbles rendered in steel blue with black outlines. The chart is drawn as an SVG using D3 v7, with axes and labels generated via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a CSV file using `d3.csv`, and circles are created with `.join('circle')` within an SVG group.

SSatish Nallamadugu
87% match
Loading thumbnail…

Q4

This bubble chart uses D3 v7 to visualize sales data from a CSV file, plotting each product’s Revenue on the x-axis and Units Sold on the y-axis. Each circle is sized at a fixed radius and colored with `d3.scaleOrdinal` and `d3.schemeCategory10`. Hovering reveals a tooltip with product details, implemented via mouseover and mouseout events. The SVG is rendered with `d3.select` and `d3.append`, and axes are generated using `d3.axisBottom` and `d3.axisLeft`. The data is loaded with `d3.csv`.

Ssindhuja27b@gmail.com
87% match
Loading thumbnail…

Activity6_Question4

This bubble chart visualizes product data from a CSV file, plotting price on the x-axis against quantity sold on the y-axis. Each circle’s radius represents profit margin using `d3.scaleSqrt`, while color encodes the product category through `d3.scaleOrdinal` with `d3.schemeTableau10`. The SVG rendering uses `d3.axisBottom`, `d3.axisLeft`, and the `d3.select` and `.enter()` APIs to draw circles, with a custom HTML legend positioned in the upper right corner.

SSai Praveen Lokavarapu
87% match
Loading thumbnail…

Activity 6 Question 4

This bubble chart visualizes sales performance for 39 products, plotting Revenue on the x-axis against Units Sold on the y-axis, with bubble radius encoding units sold and color encoding product category (Electronics, Apparel, Home Decor). Hovering over a bubble reveals a tooltip with product details. Built with D3 v7, it uses d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for category colors, rendering SVG elements from a CSV data source.

Kkrishi7079@gmail.com
86% match
Loading thumbnail…

Activity6-Question4

This bubble chart displays sales information for a group of employees, plotting profit against revenue while using circle size to encode product quantity and color to distinguish employee names. It loads data from a CSV file and renders with D3 v7 in SVG, featuring interactive tooltips on mouseover that show each employee's name. The visualization includes a size legend for quantity and a color legend for employees, with colors generated via `d3.interpolateTurbo` and scales built using `d3.scaleLinear` and `d3.scaleOrdinal`.

LLayaMyadam@my.unt.edu
86% match
Loading thumbnail…

Actvity6_Task4_Question4

This bubble chart visualizes product sales performance by plotting sales revenue on the x-axis and profit on the y-axis, with bubble size representing units sold. Each product is colored using `d3.scaleOrdinal` with `d3.schemeCategory10`, and the chart includes axis labels and a title. The data is loaded from a CSV file using `d3.csv`, and the visualization is rendered as an SVG using D3 v7 APIs such as `d3.scaleLinear` for axes and bubble scaling.

SShasankreddyganta@my.unt.edu
85% match
Loading thumbnail…

QUESTION-4(TASK-4)

This bubble chart visualizes product sales across three regions, with Europe on the x-axis, Asia on the y-axis, and North America represented by bubble size. Each circle’s color distinguishes a product category, and hovering reveals exact sales figures via a tooltip. Built with D3 v7, the code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radius, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Data is loaded from a CSV file using `d3.csv`, and the SVG is rendered with axes, labels, and interactive event handlers.

Vvenkataravitarunelisetty@my.unt.edu
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