Skip to main content
SimilarExport ZIP
100%

naa istham

✓ Published0🌍 Public
Ssaishruthik2361@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This interactive stacked bar chart compares product categories by the percentage of customer ratings in five ranges from below 5.0 to above 8.5, using a horizontal layout. Each bar is divided into colored segments representing these rating tiers, and hovering over a segment displays the exact percentage of that category's total. Built with D3 v7, the visualization uses `d3.scaleOrdinal` for colors, `d3.stack` to calculate the cumulatively stacked bar widths, and `d3.join` for efficient element creation. A legend maps colors to rating ranges, and the tooltip shows precise hover values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_Task2

A stacked horizontal bar chart displays customer satisfaction ratings across six product categories, showing the proportional distribution of responses from "Very Unsatisfied" to "Very Satisfied" for each product. The visualization uses D3 v7 with SVG rendering, employing d3.stack() to compose the categorical segments and d3.scaleOrdinal with a custom color palette for the five rating levels. Bars are positioned along a d3.scaleBand y-axis, while percentages are mapped through a d3.scaleLinear x-axis. Interactive tooltips appear on mouseover, revealing the exact percentage for each rating category using d3.format().

Mmanishmanda@my.unt.edu
80% match
Loading thumbnail…

Activity6_2

This stacked horizontal bar chart displays customer satisfaction ratings for six product categories, with segments representing the percentage of ratings falling into five ranges from below 2.0 to above 4.5. The visualization uses D3 v7 to load CSV data and render SVG elements. Categories appear on the y-axis, while a linear x-axis shows the proportion for each rating band. An ordinal color scale distinguishes rating levels, and interactive tooltips display the exact percentage for each segment on hover. The chart includes axis labels, a title, and a legend.

DDee
80% match
Loading thumbnail…

question-2

A horizontal stacked bar chart displays the percentage distribution of product categories across rating levels, from "Below 4" to "Above 8," with each bar partitioned into colored segments. The visualization uses D3.js v7 to import data from a CSV file, applying `d3.stack` for cumulative bars, `d3.scaleBand` for the category axis, and `d3.scaleOrdinal` for color encoding. Interactive tooltips reveal exact percentages on hover, triggered by mouse events, while the SVG rendering includes custom axis labels and a legend.

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

Fork of Activity6_Question2

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.

Ssaibharath7thota@gmail.com
79% 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
79% match