Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published1🌍 Public
PPothuguntla Pranitha
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from IMDb Movie ratings

This stacked bar chart shows how movie ratings are distributed across six genres, with each bar representing the proportion of films falling into five rating brackets. The visualization uses D3.js v7’s `d3.stack` and `d3.scaleOrdinal` to construct the bars, with `d3.scaleLinear` for the percentage axis and `d3.scaleBand` for the genre categories. Hovering over a segment triggers a custom tooltip via `d3.select` and event handlers, displaying the precise percentage for that rating bracket. Data comes from a CSV file and is rendered as SVG within the browser.

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 movie ratings across six genres, with each bar segmented by five rating bands from “below 5.0” to “above 8.5.” The visualization reveals genre-specific trends, such as Horror having a larger share of low ratings compared to Musical. Built with D3 v7, the chart uses `d3.stack()` to compute stacked segments and `d3.scaleLinear` for the percentage axis. Hovering over a bar segment triggers `mouseover` and `mousemove` events, displaying a tooltip with the exact percentage for that genre and rating level. Data comes from an external CSV file, rendered as SVG.

AAP19110020041-Pavan Kumar
96% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart reveals how movie rating distributions vary across genres, using data from a CSV file. Each horizontal bar represents a genre, segmented into five rating categories from below 5.0 to above 8.5. The visualization employs D3.js v7 with SVG rendering, using `d3.stack()` for the stacked segments and `d3.scaleOrdinal()` for color mapping. Hovering over any segment triggers a tooltip displaying the exact percentage for that genre and rating range. The chart includes a legend and axis labels with custom styling.

Mmeenam1106@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes how movie ratings vary across six genres, showing the percentage of films that fall into each of five rating categories, from below 5.0 to above 8.5. Built with D3.js (v7) and rendered as an SVG, the chart uses a horizontal stacked layout where each genre forms a full-width bar, with color-coded segments representing rating levels. Interactive tooltips appear on hover, revealing the precise percentage for each genre-rating combination. The code employs `d3.stack`, `d3.scaleOrdinal`, and `d3.axisBottom` to process the CSV data and construct the visualization.

VVENKATESWAR RAO CHINTA
96% match
Loading thumbnail…

Activity 6_Task 2

This visualization shows how movie ratings are distributed across six genres, using a stacked horizontal bar chart where each bar represents the percentage of films falling into five rating brackets from below 5.0 to above 8.5. Each genre’s bar is segmented into color-coded sections, with hover interactions revealing precise percentage values via tooltips. Built with D3 v7, the chart uses `d3.stack` for data transformation, `d3.scaleBand` for the genre axis, and `d3.scaleLinear` for the percentage scale. The data, loaded from a CSV file, is rendered as SVG, with axis labels and styling defined in external CSS.

Sskykarthik97@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of movie ratings across six genres, revealing how genres like Documentary and Action differ in their rating profiles. Each bar segment represents a rating category from below 5.0 to above 8.5, with hover interactions displaying exact percentages via a tooltip. Built with d3.v7, the visualization uses d3.stack for data transformation, d3.scaleOrdinal for color mapping, and d3.scaleBand for categorical positioning. Data originates from a CSV file containing genre-specific rating proportions. SVG rendering handles the visualization, with axes generated through d3.axisBottom and d3.axisLeft.

KKhushi Desai
95% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart displays the distribution of IMDb ratings across six genres, with each genre broken into five rating percentage bands. The visualization reads a CSV file and uses D3 v7's `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to render SVG rectangles, while tooltips on hover reveal the exact percentage for a rating band. Axis labels and a title clarify the chart, and the color palette distinguishes rating categories.

PPothuguntla Pranitha
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows how movie ratings are distributed across genres, with each bar segment representing the percentage of ratings within categories like below 5.0, 5.0–6.5, and above 8.5. The visualization uses d3.stack() to compute the stacked segments and d3.scaleOrdinal with custom colors to differentiate rating levels. Hover interactions trigger tooltips displaying exact percentages via d3.select and event handlers. The chart is rendered as SVG, using d3.axisBottom and d3.axisLeft for axes, with data loaded from a CSV file.

Cchandrikachowdary867@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows how movie ratings are distributed across genres, with each bar segment representing the percentage of ratings within a specific range. The visualization highlights that genres like Documentary and Drama tend to have higher ratings, while Action and Comedy skew toward lower scores. Built with D3 v7, the chart uses `d3.stack()` to create the stacked layout, `d3.scaleOrdinal()` for color coding, and `d3.scaleBand()` for the genre axis. Hovering over any segment triggers a tooltip displaying the exact percentage. The data comes from a CSV file with six genres and five rating brackets.

Ppraneeth.d555@gmail.com
95% match