Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published1🌍 Public
MMeghana Sadhu
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Hello VizHub

This stacked bar chart illustrates how the percentage of IMDb ratings varies across six movie genres, such as Documentary and Action, with each bar segmented into five rating brackets from “below 5.0” to “above 8.5.” Built with D3 v7, the visualization uses `d3.stack` to compute the stacked series and `d3.scaleOrdinal` for categorical coloring. Hovering over a segment triggers a custom tooltip that displays the exact percentage for that rating level within the genre, updating via mouse event handlers. The chart relies on SVG rendering and uses `d3.axisBottom` and `d3.scaleBand` for the percentage and genre axes respectively.

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

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating intervals from "below 5.0" to "above 8.5". The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` for color encoding, with `d3.scaleBand()` for genre categories and `d3.scaleLinear()` for percentages. Interactive tooltips appear on mouseover, showing the exact percentage value via `d3.format('.2f')`. Data comes from an external CSV file, rendered as SVG within a 960×500 viewport.

SSahithi.R
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
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, where each bar's segments represent the percentage of ratings falling into five discrete levels from "below 5.0" to "above 8.5." Hovering over a segment reveals a tooltip with the exact percentage for that genre and rating level. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. The chart is rendered as SVG, with data loaded from a CSV file containing computed rating proportions per genre.

Hharsha13638@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the 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 percentages reveal how genres like Documentary skew toward higher ratings while Action films concentrate in lower ranges. Using D3 v6, the visualization employs d3.stack() to compute stacked segments, d3.scaleOrdinal for color encoding, and d3.scaleBand for genre positioning. Interactive tooltips appear on mouseover, displaying precise percentage values. The chart renders as SVG, with data loaded from an external CSV file.

Nnandasaipalankius@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating categories from “below 5.0” to “above 8.5.” The visualization reveals how genres like Documentary skew toward higher ratings while Action concentrates in lower ranges. Built with D3 v7 and SVG, the chart uses `d3.stack()` to compute the stacked segments and `d3.scaleLinear` and `d3.scaleBand` for positioning. Mouse hover triggers a tooltip displaying the exact percentage for each rating segment within a genre, using `d3.select` event handlers.

Ttejaswiteju9811@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar representing a genre and segments colored by rating level from “below 5.0” to “above 8.5.” Hovering over a segment displays its exact percentage in a tooltip. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the bars, while `d3.axisBottom` and `d3.axisLeft` render the scales. Data comes from a local CSV file, and the chart is rendered as SVG with interactive mouse events for highlighting and tooltip display.

SSeema Shrestha
95% match
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
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb rating levels (below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, above 8.5) across six movie genres, revealing how genre impacts audience ratings. Using d3.stack() to accumulate rating segments per genre and d3.scaleOrdinal() for color encoding, hovering over a bar segment displays an exact percentage via a custom tooltip. The SVG visualization, built with D3 v7, plots genres vertically against a linear x-axis, with gridlines and axis labels styled by custom CSS.

LLakshmiPrasannaValdas@my.unt.edu
95% match