Skip to main content
SimilarExport ZIP
100%

Activity 6_Q 2.1

✓ Published0🌍 Public
MMannava Priyanka Chowdary
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This stacked bar plot displays the distribution of People, Process, and Technology scores across five departments, using horizontal bars segmented by category. Built with D3 v7, the visualization employs `d3.stack()` for data transformation, `d3.scaleOrdinal` for color encoding, and SVG rendering. Interactive tooltips reveal exact category counts on hover, while a legend identifies each segment. Data originates from a CSV file containing department-level metrics.

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

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
94% match
Loading thumbnail…

Activity6_Ques2

This stacked bar chart compares the percentage distribution of ratings across six categories—Technology, Finance, Healthcare, Education, Sports, and Entertainment—using horizontal bars. Each bar is segmented into five rating bands, from "below 4.0" to "above 9,” with a legend in the right margin. The visualization uses D3 v7's `d3.stack()` to aggregate the data and `d3.scaleOrdinal()` for color mapping. An SVG renders the chart, while mouseover events display a tooltip showing the exact percentage for each segment. The data is loaded from a local CSV file.

Nnithinnc@outlook.com
85% match
Loading thumbnail…

Activty6_Question2_3

This horizontal stacked bar chart visualizes the proportional distribution of ratings across five categories (Technology, Science, Education, Healthcare, Finance) for a single metric. The stacked segments represent rating ranges from "Below 5.0" to "Above 8.5," with each bar scaled to 100% width. The visualization uses D3.js v7 with the `d3.stack()` and `d3.stackOffsetExpand` API to create normalized segments, color-coded via `d3.scaleOrdinal`. Labels display percentage values on segments wider than 40 pixels, and tooltips via SVG `<title>` elements provide exact percentages. Data is embedded directly in the HTML source.

Ssriharshithaanugu5@gmail.com
83% 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
83% match
Loading thumbnail…

Activity6_Question2

This stacked horizontal bar chart shows the distribution of ratings for six food categories, from "Below 4" to "Above 8," with each bar segment representing the percentage of ratings in that range. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleLinear()` for the x-axis, and `d3.scaleBand()` for the y-axis categories. Hovering over a segment highlights it and displays a tooltip with the exact percentage, while the data is loaded from a local CSV file. The SVG rendering includes custom axis labels and a legend.

PPadmajaKodati@my.unt.edu
83% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the distribution of user ratings across five tech categories, with each bar proportionally segmented from "below 5.0" to "above 8.5." Using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis, the chart employs d3.stack to compose the segments. A hover tooltip reveals exact percentages per segment, with the data loaded via d3.csv. SVG rendering and smooth opacity transitions for the tooltip enhance interactivity.

Bbhargavr016@gmail.com
82% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the percentage distribution of ratings across six categories (Technology, Finance, Healthcare, Education, Sports, Entertainment), with each bar segmented into five rating ranges from below 5.0 to above 8.5. The visualization uses d3.stack to compute cumulative segment positions, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the percentage x-axis, and d3.scaleOrdinal for color encoding. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment, while the SVG rendering includes axes with tick marks and custom styling from the linked CSS.

Ssaisnehapalle@my.unt.edu
82% 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
82% match