Skip to main content
SimilarExport ZIP
100%

Activity_7_Question_2

✓ Published0🌍 Public
SSai Sandhya Nannapaneni
Last edited Nov 7, 2024
Created on Nov 7, 2024
Forked from Hello VizHub

This area chart displays the total salary for each NBA team, with team names on the x-axis and salary values on the y-axis. The visualization uses a steelblue filled area path, with black dots marking each team’s salary value and text labels above them. Built with D3 v6, the chart employs `d3.scaleBand`, `d3.scaleLinear`, and `d3.area` to generate the SVG path, while CSV data is loaded asynchronously from a GitHub repository. The chart includes rotated x-axis labels and gridlines via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_7_Question_1

This pie chart displays the top five NBA players by salary, using a categorical color scale and direct value labels. Built with D3 v5, the code employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate path wedges from a CSV dataset, with an SVG group element positioning the chart and a legend for player identification.

SSai Sandhya Nannapaneni
80% match
Loading thumbnail…

Activity_7

This example visualizes the top five NBA players by salary using a pie chart, with slices labeled by player name and salary. The chart is built with D3 v5, using `d3.pie` to compute arc angles, `d3.arc` to generate SVG paths, and an ordinal color scale (`d3.schemeCategory10`) for slice fills. Data is loaded asynchronously from a CSV file via `d3.csv`, filtered by salary, and sorted descending before the top five are selected. Labels are placed using `arc.centroid`, and a legend maps colors to player names.

SSai Sandhya Nannapaneni
79% match
Loading thumbnail…

Activity7

This pie chart displays the top five NBA players by salary from the provided NBA dataset. Each slice is labeled with the player’s name and salary value, and a color-coded legend identifies the players. The visualization is built with D3 v5, using `d3.pie` and `d3.arc` to generate the slices and `d3.scaleOrdinal` for the color scheme. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and the chart is rendered as SVG.

SSai Sandhya Nannapaneni
77% 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
75% match
Loading thumbnail…

Activity 7 Question 2

This area chart displays expense amounts by subcategory, using a steelblue filled area beneath a solid line. The visualization loads a CSV dataset via D3’s `d3.csv` fetch, maps subcategories to a point scale on the x-axis and amounts to a linear scale on the y-axis, and generates the area and line paths with `d3.area` and `d3.line`. Rotated x-axis labels and axis annotations are added with `d3.axisBottom` and `d3.axisLeft`, all rendered as SVG within an HTML canvas.

Ccharanshiva769@gmail.com
75% match
Loading thumbnail…

Activity7_2

This area chart visualizes monthly sales data loaded from a remote CSV file. The chart plots sales figures against months, with the area beneath the line filled in steel blue. It is rendered as an SVG using D3.js v7, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis. The area shape is generated with the `d3.area` API, and axes are added using `d3.axisBottom` and `d3.axisLeft`. Axis labels for "Month" and "Sales" are included.

Ssivachandraramanaidu.vnof52@gmail.com
75% match
Loading thumbnail…

Assignment 2 Question 2

This example visualizes employee salaries as an area chart, with each employee’s salary plotted against their ID and the area filled in translucent steelblue. It also adds interactive tooltips on circular data points that display the employee’s name on hover. The visualization loads data from a remote CSV via `d3.csv`, uses `d3.scaleBand` and `d3.scaleLinear` for axes, and renders SVG shapes with `d3.area` and circle elements. The tooltip appears through D3 transitions, while axis labels are rotated using SVG transforms.

Rramsrinivaskatragadda@my.unt.edu
74% match
Loading thumbnail…

Activity7.1 Q2

This example shows two distinct data visualizations in one page: an area chart tracking monthly salaries across 2023, and a pie chart displaying browser market shares. The area chart uses D3’s `d3.area` generator with time-scaled axes and explicit axis labels, while the pie chart loads CSV data via `d3.csv`, applies a `d3.pie` layout, and renders arcs with `d3.arc` and a color scale. Both visualizations rely on SVG rendering and D3 v6, with the pie chart adding an interactive legend.

SSiddhardha
74% match