Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8-T2

Public visualization

Viewing a saved revision (read-only)

ab0362cd6c1744a7b6852047e7744cff

Activity8-T2

0 stars0🌍 Public
Sshaiksajidali
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This example shows the distribution of IMDb ratings across six film genres, with each genre’s ratings divided into five percentage-based categories from below 5.0 to above 8.5. A stacked horizontal bar chart encodes these proportions, using d3.stack() to compute the layered segments and d3.scaleBand() for the genre rows. Hovering over a segment highlights it and displays the exact percentage for that rating range via a tooltip. The visualization uses d3.v7, renders to SVG, and sources its data from a CSV file with genre and rating proportions.

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.