Skip to main content
SimilarExport ZIP
100%

Activity6_Task2_Question2

✓ Published0🌍 Public
Mmaheshsachin1234@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Hello VizHub

An interactive stacked horizontal bar chart displays customer satisfaction ratings across five smartphone brands, segmented into Satisfied, Neutral, and Dissatisfied percentages that sum to 100%. Built with D3 v7, the visualization uses `d3.stack()` for data transformation, `d3.scaleBand` for brand categories, `d3.scaleLinear` for percentages, and SVG rectangles with click handlers that alert the rating type and exact percentage. The chart includes axes, a title, and a legend, derived from a CSV file containing three numeric columns per brand.

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

activity6task2q2

This stacked bar chart shows how phone brand influences the distribution of ratings across five percentage categories. Built with D3 v7, the SVG visualization uses `d3.stack()` to aggregate proportions and `d3.scaleBand` for brand grouping, with `d3.scaleOrdinal` assigning colors to rating categories. Hover interactions reveal exact percentages via a custom tooltip, while the data comes from a CSV file mapping brands like Apple and Samsung to their rating breakdowns.

Ssaitejakaranam10@gmail.com
88% match
Loading thumbnail…

activity6_task2

A stacked horizontal bar chart displays customer satisfaction ratings across five product categories, with segments representing the percentage of responses in each rating level from "Excellent" to "Very Poor." The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to compute stacked series, `d3.scaleLinear` for the x-axis, `d3.scaleBand` for product categories, and `d3.scaleOrdinal` for color mapping. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment. Data comes from a local CSV file loaded asynchronously.

TThai Ha Dang
88% match
Loading thumbnail…

Activity 6

This visualization presents a stacked horizontal bar chart that compares the distribution of user satisfaction ratings across six mobile phone brands. Each bar represents a brand, and its segments show the percentage of responses within rating buckets, from below 4.0 to above 8.0. The chart allows viewers to see how each brand’s ratings are distributed, with many brands showing a peak in the higher rating ranges. The chart is rendered using the d3.js library, specifically leveraging `d3.stack` to create the stacked segments and `d3.scaleOrdinal` for color encoding. The SVG output includes custom axis labels, a title, and tooltips for interactive exploration. Data is loaded from a hardcoded array in the script, which mirrors the structure of the provided CSV, showing the same buckets and percentages.

Bbhargavipagolu2025@gmail.com
88% match
Loading thumbnail…

activity6_question2

A stacked bar chart displays TV brand ratings across five percentage categories (below 2.0 to above 6.5), with each bar segmented by brand. The visualization loads data from a CSV file and renders SVG using D3 v7. It employs `d3.stack()`, `d3.scaleBand()`, `d3.scaleLinear()`, and `d3.scaleOrdinal()` to position and color segments, while mouseover events trigger a custom tooltip showing exact rating percentages.

1188r1a0559@gmail.com
87% match
Loading thumbnail…

Activity6-Question2

This stacked bar chart depicts the percentage distribution of chocolate ratings across five categories, from "below 5.0" to "above 8.5," for six chocolate brands. Each brand forms a horizontal bar with colored segments representing the proportion of ratings in each category, using a diverging color scheme. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to generate the stacked data and `d3.scaleOrdinal` for colors, with interactivity via mouseover events that display exact percentages in a tooltip. The chart reads from the CSV file, with axes labeled "Percentage" and a manual legend positioned to the right.

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

Activity6_Question2

This stacked bar chart displays the distribution of chocolate ratings across five brands, showing the proportion of ratings in five percentage-based categories from “below 5.0” to “above 8.5.” The code uses d3.stack() to generate the stacked series and d3.scaleOrdinal for color mapping, with d3.axisBottom and d3.axisLeft for axes. Interactive tooltips appear on mouseover, showing the exact percentage per rating category. The data comes from a local CSV file loaded with d3.csv, and the visualization is rendered as SVG with a linear x-scale for percentages and a band scale for categories.

Ggreeshmareddy135@gmail.com
86% match