Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Rrishithagovini99@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Activity6_Task2

This stacked bar chart shows the percentage of IMDb ratings within each movie genre, highlighting how rating distributions vary across Documentary, Drama, Comedy, Romance, Animation, and Action. Each genre’s horizontal bar is divided into five rating-level segments, with hover pop-ups displaying exact percentages. Built with d3.v7 and rendered as SVG, the visualization uses d3.stack() to compute stacked series, d3.scaleOrdinal for color encoding, d3.scaleBand for genres, and d3.scaleLinear for percentages. The data is loaded from a CSV file containing genre and rating-level proportions.

AI-generated description

The impact of genre on movie ratings

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 2

A stacked bar chart displays the percentage distribution of IMDb rating levels across six movie genres, showing how genres like Documentary skew toward higher ratings while Action clusters at lower ones. Built with D3 v7, the chart uses a linear x-scale for percentages, a band y-scale for genres, and an ordinal color scale for rating categories. Hover interactions trigger tooltips with exact percentages via D3 event handlers, while SVG rectangles render the stacked data from a CSV file loaded with `d3.csv`.

RRishithaGarnepudi@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the percentage distribution of IMDb rating levels across six movie genres, showing how genre impacts ratings. Each horizontal bar represents a genre, segmented into five rating categories from “below 5.0” to “above 8.5,” with a total of 100%. Hovering over a segment displays a tooltip with the exact rounded percentage for that rating level. The chart uses d3.stack for data stacking, d3.scaleOrdinal with a custom color palette, d3.scaleLinear and d3.scaleBand for axes, and SVG rendering from a CSV data source.

GGangumalla Ruchitha Reddy
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage of IMDb movie ratings within each genre, with each bar segment representing a rating band from below 5.0 to above 8.5. The visualization highlights how genres like Documentary skew toward higher ratings, while Action films have a larger share of low scores. The chart is rendered as SVG with D3 v7, using `d3.stack` to compute the stacked segments, `d3.scaleOrdinal` for the color scheme, and `d3.axisBottom` and `d3.axisLeft` for the axes. Hovering over a segment triggers a tooltip that displays the exact percentage value. The data is loaded from a CSV file containing genre and rating-level proportions.

Mmohanalaharic@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into rating brackets from below 5.0 to above 8.5. The chart uses a horizontal layout with genres on the y-axis and percentage on the x-axis, where each genre’s bar is segmented by rating category. Hovering over any segment displays a tooltip with the exact percentage. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked data, `d3.scaleOrdinal` for color encoding, and SVG rendering. The data covers Documentary, Drama, Comedy, Romance, Animation, and Action genres, sourced from a local CSV file.

Mmeenam1106@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with ratings grouped into five levels from below 5.0 to above 8.5. Each bar segment represents a genre's proportion of a rating category, and hovering over a segment displays the exact percentage via a tooltip. The code uses `d3.stack()` to create the stacked data structure from CSV input, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. The visualization renders as SVG with five color-coded rating categories and includes axis labels and a title.

Rrakshithareddy217@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of five IMDb rating levels across six movie genres, revealing how genre affects audience ratings. Each bar segment represents a rating category, with hover interactions displaying exact percentages via a custom tooltip. The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for genre positioning. Data comes from an embedded CSV file, with axes labeled for percentage and genre.

Ssaibharath7thota@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres—Documentary, Drama, Comedy, Romance, Animation, and Action—with each bar segmented into five rating levels from "below 5.0" to "above 8.5". The visualization makes the impact of genre on ratings immediately apparent; for instance, Action films have a high proportion of low ratings, while Documentaries skew toward higher scores. Built with D3 v7 and rendered as SVG, the chart uses `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color encoding, and `d3.scaleLinear()` for the percentage axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating level within a genre, computed from the CSV data source.

Aakankshareddygorla@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, revealing how documentary and action films differ in their rating profiles. Each horizontal bar represents a genre, segmented into five rating levels from below 5.0 to above 8.5, with hover tooltips displaying exact percentages. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleBand()` to generate the SVG rendering, with `d3.scaleOrdinal()` assigning colors and mouse events triggering the tooltip updates. Data comes from a CSV file containing aggregated rating percentages that sum to 1 for each genre.

Aayeshamanzoor111798@gmail.com
95% match