Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Question2

✓ Published0🌍 Public
Ssiddhartha gurram
Last edited Apr 4, 2024
Created on Apr 4, 2024

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.

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 how movie ratings are distributed across six genres, with each bar representing the percentage of ratings in five categories from "below 5.0" to "above 8.5". The visualization uses d3.stack() to create stacked segments, d3.scaleBand for the genre categories, and d3.scaleOrdinal with a custom color palette. Hovering over any segment reveals a tooltip displaying the exact percentage for that genre and rating level. The data comes from a CSV file loaded and processed with D3 v7, rendered as SVG elements.

SSatish Nallamadugu
93% match
Loading thumbnail…

Fork of Activity-6 Question2

This stacked bar chart shows how movie ratings vary across genres, with each bar divided into rating categories and the total always equaling 100%. Hovering over a bar segment reveals a tooltip with the exact percentage for that rating within the selected genre. The visualization uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to generate SVG rects, with `d3.axisBottom` and `d3.axisLeft` for axes. A custom tooltip displays precise values, while the color palette distinguishes rating levels.

Ssaimanvith22@gmail.com
93% 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
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
91% match
Loading thumbnail…

Fork of Activity 6_Question 2_task 1

A stacked bar chart shows the percentage distribution of movie ratings across seven gaming genres, with five rating tiers ranging from "Below5.0" to "Above8.5." Hovering over any bar segment displays a tooltip with the exact percentage for that genre and rating level. The visualization uses d3.csv to load data, d3.stack for stacking, d3.scaleBand and d3.scaleLinear for axes, and d3.scaleOrdinal for color mapping. An interactive legend and a bottom axis labeled "Percentage" support the chart.

Jjampani921@gmail.com
91% match
Loading thumbnail…

Fork of Activity_06_2

A stacked bar chart displays the percentage distribution of movie ratings across genres, with each bar segment representing a rating level and colors distinguishing them. The visualization uses d3.stack() to compute stacked series and d3.scaleOrdinal() for color mapping, rendering SVG rectangles via d3.selectAll(). Hovering triggers a tooltip showing the exact percentage for each rating segment. Data is loaded from a CSV file with rating percentages per genre, and the chart includes axes, labels, and a legend.

Ssahaspragna6@gmail.com
91% match
Loading thumbnail…

Fork of Activity6_Task2_Q1

This stacked bar chart visualizes the percentage of five rating levels for different movies, showing how genre impacts audience ratings. Each movie’s bar is segmented by rating categories, with hover tooltips revealing precise percentages. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` for color encoding, with `d3.scaleBand()` for the y-axis and `d3.scaleLinear()` for the x-axis. Data comes from a local CSV file, rendered as SVG rectangles with interactive mouse events for tooltip display.

Rramyaraomadhavareddy@gmail.com
91% match
Loading thumbnail…

Fork of Activity_6 Question2

This example visualizes the percentage of movie ratings by genre using a stacked horizontal bar chart. Each bar segment represents a genre, with colors mapping to categories like Comedy or Drama, and hover interactions reveal precise percentages. Built with D3 v7, the chart utilizes `d3.stack` to compose the data, `d3.scaleBand` and `d3.scaleLinear` for axes, and SVG rendering. The tooltip is implemented with a custom HTML div, while styling comes from a Google Fonts import.

Bbhavanadupati3@gmail.com
90% match