Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

8bf1e6d578b949118406401209ffe3cc

Activity6_Task2

0 stars0🌍 Public
Nnumitha
Last edited Apr 6, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating levels from "below 5.0" to "above 8.5." Hovering over a segment reveals a tooltip showing the exact percentage for that rating level within the genre. The visualization uses d3.stack() to compute stacked data, d3.scaleOrdinal for color encoding, and d3.scaleBand for categorical positioning on the y-axis. The data comes from a CSV file loaded via d3.csv, rendered as SVG elements with mouse event handlers for interactivity.

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.