Skip to main content
SimilarExport ZIP
100%

Activity6_Question2_Rashmitha

✓ Published0🌍 Public
Rrashmithatanneru@gmail.com
Last edited Apr 4, 2024
Created on Apr 3, 2024

This stacked bar chart visualizes the percentage of salary ranges across three job positions—Clerk, Associate, and Manager—using data from Salary.csv. D3 v7 renders the chart as SVG, with each bar segment colored by salary category and scaled proportionally along a linear x-axis. The tooltip appears on mouseover, showing the exact percentage of each salary range within a position, computed via d3.format and d3.stack. The y-axis uses d3.scaleBand to separate positions, while the legend and axis labels clarify the mapping.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6-Question4-Rashmitha

A bubble chart visualizes sales data for individual employees, plotting sales cost on the x-axis against sales profit on the y-axis, with bubble size encoding sales quantity and color distinguishing employee names. It includes a legend for quantity values and a color-coded list of employees. The visualization uses D3 v7 with SVG rendering and animation, featuring interactive tooltips on hover. The code employs `d3.csv` for data loading, `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` to generate the color palette.

Rrashmithatanneru@gmail.com
81% 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
81% 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
79% match
Loading thumbnail…

Activity6_Tutorial2_Rashmitha

This stacked bar chart shows the percentage of movies in five rating categories across six genres, highlighting how genre influences IMDb ratings. The horizontal bars use color-coded segments to represent the proportion of ratings, while hovering reveals precise percentages via tooltips. Built with D3 v7, the visualization uses `d3.stack()` for data transformation, `d3.scaleOrdinal` for colors, and `d3.scaleBand` for the categorical axis, rendering as SVG with interactive mouse events for detail-on-demand.

Rrashmithatanneru@gmail.com
78% match
Loading thumbnail…

activity 6 Task 2

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.

Aa9.hemraj@gmail.com
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
77% match
Loading thumbnail…

Activity_6_Question2

This stacked horizontal bar chart displays the percentage distribution of ratings across five business types, from "Less than 2.0" to "More than 5.5". Each bar is segmented into colored sections representing rating categories, using `d3.stack()` for data transformation and `d3.scaleOrdinal()` for color mapping. The chart renders as scalable vector graphics (SVG) with axes generated by `d3.axisBottom()` and `d3.axisLeft()`. Interactive tooltips, implemented with mouseover events, reveal exact percentages per category on hover, while the data originates from the included `data.csv` file.

HHarsha vardhan reddy Yarmareddy
77% match
Loading thumbnail…

Task9&10 Q-2 Divya Anusha chandrupatla

This bar chart displays the average salary in USD for various job titles, highlighting salary disparities across roles. It uses D3 v7 to load salary data via `d3.csv`, aggregates it with `d3.rollups` to compute mean salaries, and renders the results as SVG rectangles. The chart applies `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis. Axis labels are generated with `d3.axisBottom` and `d3.axisLeft`, with rotated tick labels for readability, and bars are filled with a steel-blue color.

Ddivyaanushachandrupatla@my.unt.edu
77% match