Activity-6 Task-4 Question 4.9

100%

Activity-6 Task-4 Question 4.9

✓ Published1🌍 Public

Last edited Apr 2, 2025

Created on Apr 2, 2025

A bubble chart built with D3 v7 analyzes retail store performance by plotting average transaction amounts against total transaction counts. Each bubble's radius encodes employee count, while color distinguishes store names using a categorical color scheme. The visualization includes axis labels, a legend, and interactive tooltips displaying store metrics on hover. Data is loaded from a CSV file and rendered as SVG circles, with all d3 scales and event handlers implemented in the bubbleChart.js file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6 task-4 question-4.9

This bubble chart visualizes transaction data across eight spending categories, plotting average transaction amount on the x-axis, transaction count on the y-axis, and total spending as bubble radius. Each category is color-coded using `d3.scaleOrdinal` with `d3.schemeSet2`. The visualization uses D3 v7 to load CSV data, render SVG circles, and provide interactive tooltips on mouseover. Axes are created with `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleSqrt` maps total amounts to proportional bubble sizes for easy comparison of spending patterns.

Bbhargavireddy4016@gmail.com

87% 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

85% 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

84% 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

83% 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

83% 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

82% match

Loading thumbnail…

Activity6_ Question4

A bubble chart visualizes sales and profit by country, with bubble size encoding market share and color distinguishing each region. The SVG renders circles positioned by linear scales for the x and y axes, while a sqrt scale maps market share to radius. Data loads from a CSV file via `d3.csv`, with D3 v7 handling scales, axes, and the `d3.schemeCategory10` color scale. Labels display country names at each bubble's center, with axis titles for sales and profit.

Ggroup118sai@gmail.com

82% match

Loading thumbnail…

Activity6_ Question4

A bubble chart visualizes the relationship between revenue, employee count, and growth for ten major tech companies. Each circle's x-position maps to revenue, y-position to employee count, and radius to growth percentage, with color distinguishing individual companies through a custom `colorMap`. The visualization uses D3 v7 with SVG rendering, implementing `scaleLinear` axes and `scaleSqrt` for bubble sizing, alongside `d3.axisBottom` and `d3.axisLeft` for axis generation. A legend, positioned separately, maps company names to their respective colors using D3's selection and data join methods. Data originates from an embedded array within the HTML file.

Ggroup118sai@gmail.com

82% match