Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tutorial2

Public visualization

Viewing a saved revision (read-only)

ff3abab0f4474b6c9133450ee24bdb66

tutorial2

0 stars1🌍 Public
Ssanjanadadi19@gmail.com
Last edited Mar 30, 2024
Created on Mar 30, 2024
Forked from Hello VizHub

This stacked bar chart from the IMDb movie ratings dataset shows the percentage breakdown of rating categories within each genre, such as Documentary, Drama, and Action. It reveals how genres like Documentaries skew toward higher ratings while Action films cluster at lower scores. Built with D3 v7, the visualization uses `d3.stack()` and `d3.scaleOrdinal()` with a diverging color scheme. A custom tooltip tracks the mouse position via `event.pageX` and `event.pageY`, displaying the precise percentage for each segment on hover.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.