Skip to main content
SimilarExport ZIP
100%

Activity6_Question4

✓ Published0🌍 Public
Ssjannaikode@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ACT6_TUT4_TASK1

This bubble chart displays the relationship between employee count and annual revenue for ten major tech companies, with bubble size and color encoding each company’s innovation score. The visualization uses D3 v7 with SVG rendering, employing scaleLinear for the x and y axes, scaleSqrt for bubble radius, and scaleSequential with the Viridis interpolator for color. Hover interactions trigger a custom tooltip showing company details. Data is loaded asynchronously from a CSV file using d3.csv, with axes generated via d3.axisBottom and d3.axisLeft.

RRevanth putta
87% match
Loading thumbnail…

Activity6_Q9

This bubble chart from pravanth-tammineedi visualizes the relationship between revenue and employee count for ten technology companies, using bubble size to encode market capitalization and color to distinguish each company. Built with D3 v7 and rendered as SVG, the chart employs d3.scaleLinear for both axes and d3.scaleSqrt for bubble radii, with interactive tooltips showing company details on mouseover. The visualization includes a categorical color legend and a supplementary size legend for market cap values; data is loaded from a local CSV file using d3.csv.

Llokasaivenkatatammineedi@my.unt.edu
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
87% match