Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Bbudalavijay2001@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

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.

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…

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

Activity6-Question4

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.

Aaashishvinayvasala@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
91% match
Loading thumbnail…

Activity6_task4

This bubble chart shows the relationship between company revenue and profit, with bubble size encoding employee count. The visualization uses D3 v7 to render SVG circles scaled against linear axes. Revenue appears on the x-axis, profit on the y-axis, and each bubble’s radius is derived from the Employees value. The chart includes axis labels and a tooltip that appears on hover, displaying company details. Data comes from an embedded CSV-like array within the script, listing 30 companies with their financial metrics. The implementation uses d3.scaleLinear for axes and bubble sizing, with d3.axisBottom and d3.axisLeft for the scales.

Ssivachandraramanaidu.vnof52@gmail.com
85% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows sales performance by product, plotting Profit against Revenue where the size of each circle represents Units Sold. Built with D3 v7, it renders as SVG using `d3.scaleLinear` for the x, y, and bubble-size scales, `d3.axisBottom`, and `d3.axisLeft`. The code reads data from a local CSV file and uses the `d3.csv` API to load it.

SSatish Nallamadugu
85% 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
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
84% match