Skip to main content
SimilarExport ZIP
100%

activity6task2q2

✓ Published0🌍 Public
Ssaitejakaranam10@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from activity6task2

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.

AI-generated description

The impact of genre on movie ratings

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2_Question2

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.

Mmaheshsachin1234@gmail.com
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_Q2.3

This stacked bar chart visualizes the distribution of smartphone sales across five price categories for ten brands, with each bar normalized to show proportions of total sales. The D3.js v7 code loads data from a CSV file and renders an SVG visualization, using `d3.stack()` to create stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.axisBottom()` with percentage tick formatting. Interactive tooltips display the exact percentage for each segment on hover, while a legend identifies the color-coded categories.

MMeghana Sadhu
86% match
Loading thumbnail…

Activity6_Task2_Q2

This example shows a stacked horizontal bar chart of app category ratings, displaying the percentage distribution of ratings across five bins from “below 2.0” to “above 5.0” for ten app categories. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for categorical positioning. Tooltips on mouseover reveal exact percentages using `d3.format`. The data comes from a CSV file loaded and parsed by D3.

KKondreddy Saikiran reddy
86% match
Loading thumbnail…

Activity6_Task2_Q2

This example uses a stacked horizontal bar chart to display the distribution of app ratings across categories like Social Media and Gaming, with each bar segment representing a rating range's percentage. Built with D3 v7, the visualization relies on `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to compute and render segments from the CSV data. Tooltips, implemented via D3 selection and mouse events, display exact percentages on hover. The SVG output uses a custom color scale for the five rating categories.

KKondreddy Saikiran reddy
85% match
Loading thumbnail…

Activity6_Task2_Q2

This example uses a stacked horizontal bar chart to display the distribution of app ratings across categories like Social Media and Gaming, with each bar segment representing a rating range's percentage. Built with D3 v7, the visualization relies on `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to compute and render segments from the CSV data. Tooltips, implemented via D3 selection and mouse events, display exact percentages on hover. The SVG output uses a custom color scale for the five rating categories.

KKondreddy Saikiran reddy
85% 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
85% match