Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_2

✓ Published1🌍 Public
Ssuhaibuddinahmed10@gmail.com
Last edited Oct 19, 2024
Created on Oct 18, 2024

This stacked bar chart displays the percentage distribution of PaymentTier, ExperienceInCurrentDomain, and Gender across employee LeaveOrNot outcomes, using data loaded from a local CSV file. The visualization uses D3.js v7’s `d3.stack()` to compute stacked segments, with `scaleBand` and `scaleLinear` for axes, and `axisBottom` and `axisLeft` for ticks. Percentage labels on each bar segment and a legend are included, with styling defined in a linked stylesheet.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Task_3

This bubble chart visualizes the relationship between payment tier, experience in the current domain, and age, with bubble size encoding age and color indicating employee leave status (red for leaving, green for staying). The visualization uses D3 v6 with SVG rendering, loading data via d3.csv from a Gist. It employs d3.scaleLinear for both axes and bubble sizing, d3.scaleOrdinal for categorical color mapping, and d3.axisBottom and d3.axisLeft to generate the axes with grid styling applied through CSS.

Ssuhaibuddinahmed10@gmail.com
86% match
Loading thumbnail…

Activity_6_task2_question-1

This example displays a stacked bar chart of employee churn, breaking down counts of "Yes" and "No" exits per department (Sales, IT, HR, Finance, Marketing). The horizontal bars use a diverging pink and blue color scale. Built with D3 v7, the code loads CSV data, applies `d3.rollup` to aggregate counts by department, and uses the `d3.stack` function to create the stacked layers. It renders as an SVG with a custom legend and axis labels.

11810vineeth@gmail.com
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 chart is a stacked horizontal bar chart showing the percentage of fee payments across four terms and a final payment for individual students. Each bar segment represents a fee category, with its length proportional to the percentage paid. The visualization uses the D3.js v7 library with `d3.axisLeft`, `d3.axisBottom`, and `d3.stack` to construct the chart. The data comes from a static CSV file containing fee payment percentages for each student. Interactive tooltips display the exact percentage for each segment when hovered, and the chart includes a legend and axis labels.

Sshanmukhivasa@my.unt.edu
79% match
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
78% match
Loading thumbnail…

TASK.8_QUESTION-2_Sahith

This example visualizes the percentage of fee payment installments across different age groups using a stacked horizontal bar chart. The chart draws from a CSV dataset containing demographic information about online food service users, including age, gender, income, and feedback. The visualization employs d3.stack() to layer the payment percentage data, with d3.scaleBand() and d3.scaleLinear() mapping the axes. Interactive tooltips appear on mouseover, displaying the exact percentage value for each age group, while a color-coded legend distinguishes the payment categories. The SVG rendering uses D3 v7 with custom styling from Google Fonts.

Mmanisahiths54321@gmail.com
78% 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…

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
78% match