Skip to main content
SimilarExport ZIP
100%

Activity6_ Question4

✓ Published0🌍 Public
Ggroup118sai@gmail.com
Last edited Oct 22, 2024
Created on Oct 21, 2024
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4

This bubble chart displays each company's revenue against its number of employees, with bubble size encoding growth rate and color mapping to individual firms. The visualization uses D3.js v7 scales and axes to plot the CSV data, along with interactive hover tooltips. Data points from companies like Apple and Amazon are plotted and distinguished by a custom color legend, offering a quick comparison of market performance and workforce scale across major corporations.

Ggroup118sai@gmail.com
92% match
Loading thumbnail…

Activity6_question4

This bubble chart compares major tech companies by research and development spending (x-axis) against revenue (y-axis), with bubble size encoding employee count and color distinguishing each company. It uses D3.js v7 to render an interactive SVG visualization, loading data from a CSV file. Hovering over a bubble triggers a custom tooltip showing the company's R&D spending, revenue, and total employees. A color legend on the right identifies each company, and the chart includes labeled axes with linear scales and a square-root scale for bubble radii.

Vvenkatdinesh5010@gmail.com
89% match
Loading thumbnail…

Activity6_question9

This bubble chart shows the relationship between revenue and employee count for major tech companies, with bubble size representing market capitalization. The visualization uses D3 v7 with an SVG rendering approach, loading data from a local CSV file. It employs `d3.scaleLinear` for the x and y axes, `d3.scaleSqrt` for bubble radius, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. Interactive tooltips display company details on hover, while custom legends show both color and size mappings.

MMili Patel
89% match
Loading thumbnail…

Activity 6_Task 4_Question

This bubble chart visualizes employee statistics for major tech companies, plotting revenue on the x-axis and employee count on the y-axis. Each circle’s size encodes market capitalization, its color distinguishes companies via a categorical scale built with `d3.scaleOrdinal` and `d3.interpolateViridis`. Data is loaded from a CSV using `d3.csv`. The SVG renders axes with `d3.axisBottom` and `d3.axisLeft`, and a tooltip appears on mouseover. A legend with dashed connector lines explains market-cap ranges, and hover interactions increase opacity.

Ccharankumarreddyveeramreddy@my.unt.edu
88% match
Loading thumbnail…

Activity6_Question4

A bubble chart displays the relationship between average salary and revenue per employee for 20 tech companies, with bubble size encoding employee count. Built with D3.js v7 and SVG, the visualization uses d3.scaleLinear for axes, d3.scaleSqrt for bubble radius, and d3.scaleOrdinal with schemeCategory10 for color coding. Hovering reveals a tooltip showing company name and employee count. Data comes from an external CSV file loaded via d3.csv.

Ssjannaikode@gmail.com
88% 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
87% match
Loading thumbnail…

Activity6_Task4 question 1

This bubble chart shows how major technology companies compare across three financial and operational metrics: annual revenue, profit margin, and employee count. Each company appears as a circle positioned by its revenue on the x-axis and profit margin on the y-axis, with the bubble’s size encoding employee numbers and colors distinguishing companies. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Interactive tooltips appear on mouseover, and the chart reads data from a CSV file containing the ten companies’ figures.

NNithish Karanam
87% 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
86% match