Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

task-2Activity-6

Public visualization

Viewing a saved revision (read-only)

97207518c7034ce881330501ec997df6

task-2Activity-6

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

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the percentage of films falling into five rating brackets from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute stacked series, d3.scaleBand() for the genre categories on the y-axis, and d3.scaleLinear() for the percentage values on the x-axis. Hovering over a segment reveals a tooltip with the precise percentage for that genre and rating range, using event listeners and d3.format() for numeric output. Data is loaded from a CSV file and rendered as SVG rectangles.

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.