activity 6 Task 2

100%

activity 6 Task 2

✓ Published0🌍 Public

Last edited Oct 30, 2025

Created on Oct 30, 2025

This example shows the distribution of employee salaries across six departments, broken into five income brackets from "below 50k" to "above 85k." A stacked bar chart displays each department’s proportional share per bracket, with a tooltip revealing the exact percentage on hover. The code uses d3.stack() to aggregate the data from a CSV file and d3.scaleBand and d3.scaleLinear for axes, with d3.axisLeft and d3.axisBottom for ticks. Custom colors, a legend, and interactive opacity changes on mouse events enhance readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Tutorial 2

This stacked horizontal bar chart displays the distribution of salaries across five departments, with each bar segmented by salary bracket proportions. Built with D3.js v7 and rendered as SVG, the visualization uses `d3.stack()` to compute cumulative values, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data from the CSV file is mapped to colored rectangles, with interactive mouseover tooltips revealing exact percentages per bracket.

Aa9.hemraj@gmail.com

90% match

Loading thumbnail…

Question 2

This example presents a 100% stacked bar chart illustrating salary distribution across six departments. Each horizontal bar is segmented by five salary brackets, from “below 50k” to “above 85k,” with segment lengths proportional to the percentage of employees in that bracket. The visualization uses D3.js (v7) with an SVG rendering. It leverages the `d3.stack` API to compute stacked segments, `d3.scaleBand` for the y-axis (departments), and `d3.scaleLinear` for the x-axis (percentages). The code displays interactive tooltips on hover, showing the exact salary bracket and its percentage value, and includes a legend listing salary brackets.

MMohammed Abdul Mannan

85% match

Loading thumbnail…

Activity6_Task2_Answer

This visualization shows the distribution of employee performance ratings across five departments, with each department’s proportional breakdown into categories from Poor to Excellent. The chart uses stacked horizontal bars, where each segment’s length corresponds to the percentage of ratings in that category, and a legend identifies the color-coded categories. Built with D3 v7, the code employs `d3.csv` to load the dataset, `d3.stack().keys()` to compute the stacked series, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the y-axis, rendering as SVG with interactive tooltips on mouseover.

Oorusushanth2002@gmail.com

80% match

Loading thumbnail…

activity6-task-3

This example visualizes the relationship between employee experience and salary in a scatter plot. Each circle represents an employee, with the x-axis showing years of experience and the y-axis displaying salary, while the circle’s fill color encodes the number of projects handled using a sequential blue scale. It uses D3 v6 to load CSV data from a GitHub repository and render SVG elements with `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleSequential` for color mapping.

Rrajeswariamruthabommaraju@my.unt.edu

79% match

Loading thumbnail…

Activity_6_Task_4

This example presents an interactive bubble chart showing the relationship between salary and experience, with bubble size encoding age and color distinguishing employee status (Stayed or Left). It loads CSV data from a GitHub repository and uses D3 v6 scales (scaleLinear, scaleOrdinal) to map attributes. The visualization renders as SVG, with axes, gridlines, and a legend constructed via d3.axisBottom, d3.axisLeft, and appended circle elements.

Ssuhaibuddinahmed10@gmail.com

79% match

Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of employee ratings across six tech job positions, using a horizontal stacked bar chart where each bar represents 100% of responses divided into four rating categories from “Below 5.0” to “Above 8.5.” The chart uses D3 v7 with SVG rendering and loads data from a CSV file containing counts for each position and rating category. Tooltips display the position, rating range, percentage, and count when hovering over segments. Data is transformed from counts to percentages using d3.stack, with scales implemented via d3.scaleLinear and d3.scaleBand, and a custom one-off legend added to the visualization.

Ddineshnimmagadda1@gmail.com

79% match

Loading thumbnail…

Activity 6

A stacked bar plot displays the distribution of three categories—Process, People, and Technology—across five company departments, with horizontal bars scaled by the number of employees. Hovering over a segment highlights it and shows a tooltip with the exact category and count. Built with D3 v7, the visualization uses `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to position rectangles within an SVG, while an ordinal color scheme assigns distinct hues. Data is loaded from a local CSV file, and the chart includes labeled axes and a legend.

MMannava Priyanka Chowdary

78% match

Loading thumbnail…

Activity6task2q2

This stacked bar chart visualizes the percentage of sales performance within each product category, with horizontal bars segmented by price ranges from "Below 100" to "Above 5000." The chart uses D3 v7's `d3.stack()` to create the stacked segments, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips display exact percentages on hover using mouse events, while SVG rendering provides the visual output.

Ssaitejakaranam10@gmail.com

78% match