Skip to main content
SimilarExport ZIP
100%

Activity6-Question4

✓ Published0🌍 Public
Aaashishvinayvasala@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024

This bubble chart displays the sales information for a group of employees, plotting each person's total sales against their net profit, with the size of each bubble representing the units sold. The visualization uses D3 v7 to load data from a CSV file and render the chart as an SVG. Interactive tooltips appear on mouseover, and it includes axes labels, a bubble size legend, and a color scale using `d3.interpolateTurbo` to differentiate employees.

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

Activtiy6-Question4

A bubble chart visualizes sales data for 19 employees, plotting cost of sales against profit, while bubble size encodes quantity sold and color distinguishes individual employees. The chart includes a legend for bubble size and a color legend. Built with D3.js v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.interpolateTurbo` for colors, and SVG circles. Interactive tooltips display employee names on mouseover. Data is loaded from a local CSV file.

Ssowmyaammula.sdv@gmail.com
92% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes sales data across employees, plotting sales cost on the x-axis, profit on the y-axis, and quantity as bubble size, with color encoding employee names. The visualization includes a tooltip that appears on mouseover, revealing the employee name. Built with D3 v7, the chart uses SVG rendering and animation, loading data from a CSV file. It also includes a legend for bubble size and color categories, with the tooltip handling implemented via D3 event listeners.

Bbudalavijay2001@gmail.com
91% match
Loading thumbnail…

Activity-6q4

This interactive bubble chart displays sales information for a group of employees, plotting revenue on the x-axis against profit on the y-axis, with bubble size encoding product quantity and color representing individual employees. Built with D3 v7, the visualization renders as an SVG with smooth transitions and tooltips that reveal employee names on hover. It includes a legend for bubble size and color, using `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` for the color palette.

Sswapnadabburi@my.unt.edu
90% match
Loading thumbnail…

Activity6-Question4-Rashmitha

A bubble chart visualizes sales data for individual employees, plotting sales cost on the x-axis against sales profit on the y-axis, with bubble size encoding sales quantity and color distinguishing employee names. It includes a legend for quantity values and a color-coded list of employees. The visualization uses D3 v7 with SVG rendering and animation, featuring interactive tooltips on hover. The code employs `d3.csv` for data loading, `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` to generate the color palette.

Rrashmithatanneru@gmail.com
86% match
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
86% 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
85% 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