Skip to main content
SimilarExport ZIP
100%

Activity 6 task 2

✓ Published1🌍 Public
Kkrishi7079@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each genre’s bars summing to 100%. It uses d3.stack() to aggregate ratings into five categories, d3.scaleBand for the genre axis, and d3.scaleLinear for percentages. Hovering highlights segments and displays a tooltip with exact percentages via d3.selector. The SVG is rendered with d3.v7, data from a CSV file, and styled with custom CSS.

AI-generated description

The Effect of Genre on Movie Ratings

This stacked bar chart displays the percentage of each rating level across various movie genres, illustrating the influence of genre on movie ratings. When hovering over each bar, pop-ups appear showing the precise percentage of each rating level within each genre. The total percentage sums to 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Task 2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar segmented into five rating-level percentages that sum to 100%. Hovering a segment reveals an exact percentage tooltip. The visualization uses d3.v7's `d3.stack()`, `d3.scaleOrdinal()`, and `d3.scaleBand()` to render SVG rectangles, reading data from a local CSV file. Genre labels appear on the y-axis, and a color-coded legend identifies each rating band.

Jjaswanthreddy2000@gmail.com
95% 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
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into one of five rating categories. The visualization uses d3.stack() to compute the stacked layout, d3.scaleBand() for the genre axis, and d3.scaleLinear() for the percentage scale. Hovering over a segment displays a tooltip with the exact percentage via mouseover and mousemove events. The data is loaded from a CSV file and rendered as SVG elements with d3.v7.

Vvidiyalasahithi1999@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

A stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating intervals from "below 5.0" to "above 8.5." The visualization uses d3.stack() to aggregate the data, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage axis. Hovering over a segment displays a tooltip with the exact percentage via d3.select and mouse events. The SVG rendering applies a color scale with five distinct hues and reads data from a CSV file.

Nnsairitwikreddy@gmail.com
95% match
Loading thumbnail…

Activity_6 Task2

This stacked bar chart displays the percentage distribution of IMDb rating levels across six movie genres, with each bar segmented to show the proportion of ratings below 5.0 through above 8.5. Hovering over a bar segment reveals a tooltip with the exact percentage for that genre and rating category. Built with D3 v7 using SVG rendering, the visualization employs the `d3.stack()` function to generate stacked data, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data comes from a local CSV file with pre-aggregated percentages per genre.

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

Activity 6_Task 2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, showing how rating levels such as 5.0–6.5 or above 8.5 vary by genre. It uses d3.v7 with SVG rendering, employing d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to construct the bars. Hovering over a segment triggers a tooltip via d3.select, displaying the exact percentage for that genre and rating category. The data comes from a CSV file and is formatted using d3.format.

Ttallavijayalakshmi0710@gmail.com
95% match