Skip to main content
SimilarExport ZIP
100%

ACT6_TASK2

✓ Published0🌍 Public
RRevanth putta
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from Hello VizHub

A stacked bar chart displays the distribution of IMDb rating categories across six movie genres, with each bar representing a genre and segments showing the proportion of ratings from "below 5.0" to "above 8.5". The visualization uses d3.stack() to compute layered data and d3.scaleOrdinal for color encoding, rendering SVG rectangles within a band scale for genres. Interactive tooltips, implemented via mouse events and a positioned HTML div, reveal exact percentages per segment on hover, while axes and labels are generated using d3.axisBottom and d3.axisLeft.

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 distribution of IMDb ratings across six movie genres, where each bar is segmented into five rating categories from "below 5.0" to "above 8.5." Using D3.js v7 with an SVG rendering, the code employs `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical genre axis. Interactive tooltips display the exact percentage for each genre-rating combination on mouseover, while the data is loaded from a CSV file with precomputed proportions.

Kkbhavithareddy06@gmail.com
96% match
Loading thumbnail…

Activity6-Task2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating levels from "below 5.0" to "above 8.5." The visualization uses d3.stack() to compute the stacked segments, d3.scaleBand() for genre positioning, and d3.scaleLinear() for the percentage axis. Hovering over any segment displays a tooltip with the exact percentage for that rating level within the selected genre. Colors are assigned via d3.scaleOrdinal() with an array of five categorical colors, and all elements are rendered as SVG.

Ssushanthkodipyaka@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the percentage distribution of IMDb ratings across six movie genres, showing the impact of genre on rating levels. Each bar represents a genre, segmented into five rating brackets from below 5.0 to above 8.5. The visualization uses d3.stack() to create stacked data and d3.scaleOrdinal with a custom color palette. Hovering over a segment with the mouse triggers a tooltip displaying the exact percentage. The SVG rendering includes scales via d3.scaleBand for genres and d3.scaleLinear for percentages, with axes and labels configured through d3.axisBottom and d3.axisLeft.

Rrayavarapulokesh3@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart shows the distribution of IMDb ratings across six movie genres, with each bar segmented into five rating ranges from below 5.0 to above 8.5. The visualization uses D3.js v7 with the SVG rendering framework, employing `d3.stack`, `d3.scaleBand`, and `d3.axisBottom` to construct the chart. A tooltip, implemented with D3's selection and event handlers, displays the precise percentage for each genre-rating combination on mouseover. The proportional widths of each segment allow viewers to compare rating patterns across genres at a glance.

Gguttavenkata745@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5." The visualization uses D3.js v7, employing `d3.stack()` for the stacked data structure, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color mapping. Interactive tooltips display precise percentages on hover, with the data loaded from a CSV file containing genre-specific rating proportions.

Mmythripopuri2001@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute the stacked segments and d3.scaleOrdinal() with a categorical color scale to distinguish rating bands. The code renders SVG rectangles via data joins and includes an interactive tooltip triggered by mouseover events, displaying the exact percentage for each genre-rating combination. Data comes from a CSV file containing precomputed proportions for each genre.

GGunna,Praneeth Reddy
95% match
Loading thumbnail…

Activity 6 _Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5" using percentage values loaded from a CSV file. The visualization uses d3.stack() to compute the stacked segments, d3.scaleOrdinal() for color mapping, and d3.scaleBand() and d3.scaleLinear() for the axes. Interactive tooltips appear on mouseover, displaying the percentage for each specific rating category within a genre, while semi-transparent highlighting emphasizes the hovered segment. The SVG rendering employs D3 v7 with custom styles for typography and tooltip formatting.

Ssiddhubhupathi@gmail.com
95% match
Loading thumbnail…

Activity6-Task2

This stacked bar chart visualizes the percentage distribution of IMDb rating categories across six movie genres, with each bar segment representing a rating range from “below 5.0” to “above 8.5.” Hovering over any segment reveals its exact percentage, and the total for each genre sums to 100%. The chart uses d3.stack for data stacking, d3.scaleBand for the categorical genre axis, and d3.scaleLinear for the percentage axis. SVG rendering and a custom tooltip created with d3 selection methods provide the interactive feedback, while data is loaded from an external CSV file.

Aanjalimadhavi98@gmail.com
95% match