Assignment5

100%

✓ Published1🌍 Public

Last edited Sep 29, 2026

Created on Sep 29, 2026

This dashboard visualizes the relationship between market capitalization and revenue for 30 U.S. companies, with each dot representing a single firm. The interface allows switching between five chart versions that explore different encoding channels, from position-only to color and area variations. Built with D3 v7, the visualization uses `d3.csv` to load data from a GitHub gist, `d3.extent` for summary statistics, and SVG rendering for the scatter plot. The code also includes interactive navigation buttons that update the chart's visual encodings.

AI-generated description

ISC Licensed

Similar vizzes

Loading thumbnail…

Assignment5

This visualization displays the relationship between market capitalization and annual revenue for 30 U.S. companies using a scatter plot. D3 v7 loads CSV data from a GitHub gist and renders an SVG chart with circles positioned by two quantitative axes. The code reports dataset summary statistics with formatted numbers and labels axes with dollar values in billions. Uses `d3.csv()` for parsing, `d3.extent()` for value ranges, and `d3.format()` for number formatting, with equal circle size to emphasize positional encoding.

HHaiyan Sun

92% match

Loading thumbnail…

assignment 6

This dashboard presents four coordinated D3.js charts—a bar chart, scatter plot, multi-series line chart, and combined bar-line chart—to explore a synthetic 200-row retail dataset containing revenue, cost, profit, and units sold by category and month. The SVG-based visualizations, styled with CSS and built using D3 v7 APIs like `d3.rollup` and `d3.scaleBand`, show aggregate revenue by category, record-level units versus profit, monthly trends for three quantitative variables, and a dual-axis comparison of revenue (bars) with profit (line), complete with interactive tooltips.

Sshyamraghav12@gmail.com

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

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

77% match

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes the relationship between market capitalization and employee count for top tech companies, with each circle’s radius proportional to market cap and its color representing the company’s industry sector. The visualization uses d3.scaleSqrt for bubble sizing, d3.scaleOrdinal with d3.schemeSet2 for categorical coloring, and renders axes via d3.axisLeft and d3.axisBottom. A legend generated with d3.scaleOrdinal and SVG rect elements displays the industry categories. The chart reads data from a CSV file using d3.csv and renders all graphics as SVG elements within a 960×600 viewport.

Kkandooriabhiram@gmail.com

77% match

Loading thumbnail…

activity6_Question4

This bubble chart displays the relationship between market capitalization and employee count for major tech companies, with bubble size encoding market cap and color distinguishing industry sectors. The visualization uses D3 v7 with SVG rendering, employing linear scales for axes, a square root scale for bubble radius, and an ordinal scale with the Set2 color scheme for industry categories. Axes are labeled “Market Cap (in millions)” and “Employees,” while a custom legend component identifies each industry. Data is loaded asynchronously from a CSV file using d3.csv and parsed with a row function.

MMahimaChowdaryKasthala@my.unt.edu

77% match

Loading thumbnail…

Activity6_Question4(9,10,11)

A bubble chart displays the relationship between market capitalization and employee count for major tech companies, with circle size encoding market cap and color distinguishing industry sectors. The visualization uses d3.scaleLinear for both axes, d3.scaleSqrt for circle radii, and d3.scaleOrdinal with d3.schemeSet2 for categorical coloring. Axes and legend are rendered via custom modules, while the SVG output loads data from a static CSV file using d3.csv.

Cchowdaryhemanth14@gmail.com

76% match

Loading thumbnail…

Assignment6

Five years of annual stock data from Yahoo Finance are explored through seven tabbed views that test visualization rules of thumb. The example compares 3D Plotly scatterplots against 2D SVG charts using D3, encoding close price, volume, sector, and year through position, color, and point size. Animated frames and a deliberately delayed tooltip demonstrate interaction effects. Plotly's camera control and D3’s `scaleOrdinal` and SVG rendering are core to the implementation.

HHaiyan Sun

76% match