Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial2

Public visualization

Viewing a saved revision (read-only)

93fd19f49d3b40f5ac5c5e5a8872ece3

Tutorial2

0 stars0🌍 Public
Mmanohar varma
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of five movie rating levels across six genres, revealing how genre impacts audience ratings. Each bar segment represents a rating category, with total percentage normalized to 100%. The visualization uses D3 v7 with SVG rendering and d3.stack() to create the stacked layout, d3.scaleOrdinal() for color mapping, and d3.scaleBand() for the categorical y-axis. Interactive tooltips appear on hover, displaying exact percentages via d3.select() and mouse event handlers. The data comes from a CSV file containing aggregated rating proportions for each genre.

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.