Fork of Activity6_Question2

100%

Fork of Activity6_Question2

✓ Published0🌍 Public

Last edited Apr 14, 2024

Created on Apr 14, 2024

This stacked bar chart shows the percentage distribution of five rating levels within six product categories, visualizing how category influences ratings. Each bar segment represents a rating range, with hover interactions displaying exact percentages via tooltips. The visualization uses D3 v7 with a stacked layout, ordinal color scaling, and a band scale for categorical positioning. Data is loaded from a CSV file containing pre-calculated proportions, rendered as SVG rectangles with interactive mouse events.

AI-generated description

The impact of category on ratings

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Question2

This stacked bar chart shows the percentage distribution of movie ratings across five categories, with each bar segmented into five rating levels that sum to 100%. Categories appear on the y-axis and percentages on the x-axis, with hover interactions displaying precise percentage values via a tooltip. The visualization uses d3.scaleOrdinal for color encoding, d3.stack for data transformation, d3.axisBottom and d3.axisLeft for axes, and SVG rendering with event listeners for mouseover interactions.

Ssiddhartha gurram

92% match

Loading thumbnail…

Fork of Activity6_Ques2(3)

A stacked bar chart displays the percentage of ratings across five categories (Technology, Finance, Healthcare, Education, Sports, and Entertainment) for rating ranges from below 18 to above 9. Each category is represented as a horizontal bar divided into colored segments, with colors mapped via d3.scaleOrdinal. The chart uses d3.stack to compute stacked data and d3.scaleBand with d3.scaleLinear for positioning. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment using d3.format. The visualization renders with SVG and uses D3 v7.

Nnithinnc@outlook.com

92% match

Loading thumbnail…

Activity6_Question2

A stacked bar chart displays the percentage of five rating levels (Below 5.0, 5.0–6.5, 6.5–7.5, 7.5–8.5, Above 8.5) across six product categories, with each bar totaling 100%. The visualization highlights how rating distributions vary by category. Using d3.stack() and d3.scaleOrdinal for color encoding, the SVG renders horizontal bars via d3.scaleBand and d3.scaleLinear. Interactive tooltips appear on mouseover, showing exact percentage values computed with d3.format, using data from a CSV file.

Jjayanthbalina@gmail.com

91% match

Loading thumbnail…

Fork of Activity6_Question 2

This stacked bar chart visualizes the distribution of performance ratings across six academic subjects, using data from a CSV file. Each bar is segmented into five percentage ranges, from below 60% to above 90%, with colors mapping to each category. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked series, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and an SVG renderer. Interactive tooltips display exact percentage values on mouseover, while a legend identifies the rating categories.

Kkowshiksamudrala08@gmail.com

90% match

Loading thumbnail…

Activity 6 task2 Q 2.2

This stacked bar chart displays the distribution of product ratings across five categories, showing how ratings levels contribute to the total count for each genre. The chart uses d3.stack with five ordinal color-coded layers, from "Below 3.0 (Poor)" to "Above 5.0 (Outstanding)," rendered as SVG rectangles. Axes labels clarify product categories on the x-axis and number of products on the y-axis. The chart is built with d3.v7, utilizing d3.scaleBand for categories, d3.scaleLinear for counts, and d3.axisBottom and d3.axisLeft for tick marks.

RRakesh Yadav

89% match

Loading thumbnail…

Question 2 activity 6

A stacked bar chart displays product ratings across three categories: low, moderate, and excellent, using percentage proportions loaded from a local CSV file. D3 v7’s `d3.stack` and `scaleOrdinal` assign colors to rating segments, while `scaleBand` positions products on the y-axis and `scaleLinear` maps proportions to bar widths. Interactive tooltips appear on mouseover, showing formatted percentage values for each rating type. The SVG renderer applies axes with gridlines, a title, and axis labels, styled via external CSS.

Sskykarthik97@gmail.com

89% match

Loading thumbnail…

Activity6_Que2

This stacked bar chart shows the percentage distribution of five IMDb rating levels (below 5.0 to above 8.5) across six product categories, illustrating how category influences ratings. Each horizontal bar represents one category, with colored segments for each rating range. Hovering over a segment displays an exact percentage via a tooltip implemented with D3 event handlers. The visualization uses d3.stack() to generate stacked data, d3.scaleOrdinal for colors, d3.scaleLinear for percentages, and d3.scaleBand for categories, rendering as SVG with axes from d3.axisBottom and d3.axisLeft.

Rrakesh.kavuru@outlook.com

89% match

Loading thumbnail…

Activity6_Task2_Question2

This visualization displays a stacked horizontal bar chart of product category reviews, showing the proportion of 1-to-5-star ratings within each category. The bars are segmented by rating subgroup and colored via a d3.scaleOrdinal with the d3.schemeSet2 palette, with a legend positioned to the right. The code loads CSV data from a GitHub raw URL, processes it with d3.stack for stacking, and renders SVG rectangles with d3.axisBottom and d3.axisLeft for scales. Interactive tooltips appear on mouseover, displaying the percentage share of each rating segment. The visualization uses d3.csv, d3.stack, and SVG element bindings via d3 joins.

Ssaishruthik2361@gmail.com

89% match