Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Activity6_tutorial

Public visualization

Activity6_tutorial

0 stars0๐ŸŒ Public
Vvidiyalasahithi1999@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from 2Buddhas

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segmented by rating level from below 5.0 to above 8.5. The visualization uses D3.js v7 with an SVG rendering, mapping genres along the y-axis and percentage along the x-axis. The code employs `d3.stack()` for stacked bar generation, `d3.scaleOrdinal()` for color encoding, and D3's axis APIs (`d3.axisBottom`, `d3.axisLeft`) for tick marks. Hovering reveals a custom tooltip displaying the exact percentage for each rating segment using `d3.format()`.

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

Comments

Sign in to join the discussion.

MIT Licensed