Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 Tutorial 2

Public visualization

Viewing a saved revision (read-only)

290ea583048746d5a4b3174197717b93

Activity 6 Tutorial 2

0 stars1🌍 Public
Nnikhilapogula@my.unt.edu
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This stacked horizontal bar chart displays the distribution of IMDb movie ratings across six genres, showing the proportion of titles falling into five rating brackets from "below 5.0" to "above 8.5." The chart uses d3.stack to create the stacked segments and d3.scaleOrdinal for color encoding. Interactive tooltips appear on mouseover via D3 event handlers, displaying the exact percentage for each genre-rating combination. The SVG output is generated using the d3.js library (v7) with data loaded from a CSV file, and the chart includes axis labels and a title rendered with custom fonts.

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%.