Skip to main content
SimilarExport ZIP
100%

Activity 6 Task-2

✓ Published0🌍 Public
Mmounikakatipally995@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

A stacked horizontal bar chart shows the percentage distribution of five IMDb rating categories within six movie genres, totaling 100% per genre. The visualization highlights how genre influences ratings, with genres like Documentary having higher shares of strong ratings and Action skewing toward lower scores. Hovering over a bar segment displays an exact percentage via a HTML tooltip. The chart uses d3.stack for bar segmentation, d3.scaleOrdinal for colors, d3.scaleBand for genre rows, and d3.axisBottom for the percentage axis, rendered as SVG with D3 v7.

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…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb rating levels within six movie genres, with hover tooltips revealing exact percentages. Each genre’s stacked bars represent five rating bands, from “below 5.0” to “above 8.5,” totaling 100%. The visualization uses D3 v7’s `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for color mapping, and `d3.scaleLinear` and `d3.scaleBand` for axes. SVG rectangles render the bars, and mouse events trigger tooltip display with formatted percentages using `d3.format`. Data comes from a CSV file containing pre-aggregated genre ratings.

Vvankayalapatimounika2000@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart shows the percentage distribution of IMDb rating levels across six movie genres, with each genre represented by a horizontal bar divided into five rating categories. The visualization reveals how genres differ in their rating patterns, such as Documentaries having higher percentages of top ratings compared to Action films. Built with D3 v7, the chart uses `d3.stack()` to compute stacked segments, `d3.scaleBand()` for the y-axis genres, and `d3.scaleLinear()` for the percentage scale. Interactive tooltips display exact percentages on mouse hover using D3 event handlers.

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

Activity6_Task2

This stacked bar chart shows the percentage distribution of five IMDb rating categories across six movie genres, revealing how genre influences audience ratings. Each horizontal bar represents a genre, with colored segments corresponding to rating bands from below 5.0 to above 8.5. Hovering over a segment displays a tooltip with the exact percentage for that rating level within the genre. The visualization uses d3.stack() to compute the stacked layout, d3.scaleBand() for the genre axis, and d3.scaleLinear() for percentages, rendering as SVG with interactive mouse events. Data comes from a CSV file with pre-aggregated proportions.

Aayeshamanzoor111798@gmail.com
96% match
Loading thumbnail…

Activity6 task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, using five rating categories from "below 5.0" to "above 8.5." The chart shows proportions per genre via color-coded segments, with a tooltip revealing exact percentages on hover. Built with D3 v7, it uses `d3.stack()` to compute stacked series, `d3.scaleBand()` for genre positioning, and `d3.scaleLinear()` for the percentage axis. Data comes from an external CSV file, rendered as SVG within an HTML page, with axis labels and a title included.

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

Activity Task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each genre’s bar divided into five rating buckets from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` to compute the stacked series, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips, built with appended HTML elements, reveal the exact percentage on hover. Data is loaded from CSV, and rendering is done via SVG.

Mmangilipallylaxminarayana@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of five IMDb rating categories within six movie genres, revealing how genre influences ratings. The chart uses d3.stack() to create horizontal stacked bars, with colors from a d3.scaleOrdinal() scale distinguishing rating levels. Hovering over a bar segment triggers a tooltip displaying the precise percentage. Data comes from a CSV file, rendered as SVG, with axes and labels formatted using the d3.axisBottom and d3.axisLeft functions.

Llikhitha.sarahah01@gmail.com
96% match
Loading thumbnail…

Activity-6 task-2

A stacked bar chart displays the percentage distribution of five IMDb rating categories across six movie genres, highlighting how genre influences audience scores. The chart uses horizontal bars where each genre’s segments represent rating proportions, with colors mapped via a D3 ordinal scale. Interactive tooltips reveal precise percentages on hover. The visualization is rendered as SVG using D3 v7, with data loaded from a CSV file and axes, legends, and labels custom-drawn through D3’s scale and axis APIs.

Kkrishna444battula@gmail.com
95% 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