Activity6_Task3_Q6

100%

Activity6_Task3_Q6

✓ Published0🌍 Public

Last edited Mar 31, 2025

Created on Mar 31, 2025

This animated bubble chart displays the relationship between revenue and profit for ten technology companies, with bubble size encoding revenue and color encoding geographic region. The visualization uses D3 v7's `scaleLinear` for the x and y axes, `scaleSqrt` for bubble sizing, and `scaleOrdinal` with `schemeCategory10` for colors. Each circle animates its radius from 0 to its final size using sequential `transition` delays of 300 milliseconds per bubble, creating a staggered entrance effect. The SVG rendering includes labeled axes and hover tooltips via the `title` element.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4_Q9

This bubble chart plots ten major technology companies by revenue on the x-axis and profit on the y-axis, with each circle’s radius scaled to revenue and color encoding geographic region. The chart uses d3.scaleLinear for both axes, d3.scaleSqrt for bubble size, and d3.scaleOrdinal with d3.schemeCategory10 for region colors. Hover tooltips appear via appended SVG <title> elements, while axis labels are positioned manually with SVG text elements. The static synthetic dataset is hardcoded in the D3 v7 script.

MManojsai Bangaru

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

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

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

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

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

85% match

Loading thumbnail…

Activity 6_Task 4

This bubble chart visualizes the relationship between R&D spending, net profit, and staff count for 19 tech companies. Each bubble’s position encodes R&D spending on the x-axis and net profit on the y-axis, while the bubble’s area scales with staff count, and color distinguishes the organization. Built with D3 v7, the chart uses `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeSet3` for categorical colors. Interactive tooltips appear on hover, displaying each company’s exact metrics. The data is loaded from a CSV file and rendered as SVG.

Ssairohithchada@gmail.com

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

85% match