Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DV TASK-8(2)

Public visualization

Viewing a saved revision (read-only)

bbaa28153a19473c82e6e62cbfdb70df

DV TASK-8(2)

0 stars0🌍 Public
Nnagabinduk2023@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, from Documentary to Action. The visualization uses a horizontal stacked bar for each genre, with segments representing five rating categories, from "below 5.0" to "above 8.5", scaled to total 100%. Hovering over any segment reveals a tooltip with the precise percentage for that rating level within the genre. The chart is rendered in SVG using D3 v7, with data processed through `d3.stack()` and scales from `d3.scaleLinear()` and `d3.scaleBand()`. Colors are assigned via `d3.scaleOrdinal()`, and axis labels use the custom "Yanone Kaffeesatz" font from Google Fonts. Interactive tooltips are implemented with D3's event handlers (`mouseover`, `mousemove`, `mouseout`).

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.