Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity_6_Question_2

Public visualization

Viewing a saved revision (read-only)

09635ce1b51f49e98e807f4330f4c147

Fork of Activity_6_Question_2

0 stars0🌍 Public
AAbrarb702@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity_6_Task_2

This stacked bar chart shows the percentage distribution of marks across five mark ranges for five students, with each bar segment representing a proportion that sums to 1. Designed with D3 v7, the visualization uses `d3.stack()` and `d3.scaleOrdinal()` for color encoding, while `d3.scaleBand()` positions students on the y-axis. Hovering over any segment triggers a tooltip displaying the exact percentage for that mark range, using the `mousemove` event and D3’s formatting helper. The SVG rendering applies custom axis labels and a manual legend, with data loaded from a CSV file.

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