Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7.3

Public visualization

Viewing a saved revision (read-only)

4a84b2f993a94bc1893295bef39147ff

Activity 7.3

0 stars0🌍 Public
Ppjdhungana@gmail.com
Last edited Jun 28, 2023
Created on Jun 28, 2023
Forked from Hello VizHub

This stacked horizontal bar chart visualizes the distribution of movie ratings across six genres, using percentage categories from below 5.0 to above 8.5. Each genre is represented as a single bar with colored segments, and hovering over a segment reveals the exact percentage via a custom tooltip. The visualization uses D3 v7’s `d3.stack` to compute the stacked series, `d3.scaleOrdinal` for categorical coloring, and `d3.scaleBand` for the horizontal layout. Data is loaded from a CSV file and rendered as SVG elements within a 960×500 viewport.

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.