Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8_Task 2 Tutorial

Public visualization

Viewing a saved revision (read-only)

8148ea93c9054e26ba0a7acf2d2e3b7f

Activity 8_Task 2 Tutorial

0 stars1🌍 Public
UUthkarsh Reddy Junuthula
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This visualization uses a stacked bar chart to show the percentage of IMDb movie ratings (below 5.0, 5.0–6.5, 6.5–7.5, 7.5–8.5, above 8.5) across six genres, making it clear how distributions differ—e.g., Action skews low, Documentary high. Built with D3 v7 and SVG, it employs `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`. Hovering a bar segment displays a tooltip with the exact percentage for that rating category, using `mouseover`, `mousemove`, and `mouseout` events.

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