Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment-6_Activity-2

Public visualization

Viewing a saved revision (read-only)

c7d8b98aabd843b68d9f3d0315d22fbd

Assignment-6_Activity-2

0 stars0🌍 Public
Rreachtoshasidhar07@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This stacked bar chart shows the distribution of IMDb movie ratings across five genres, with each bar representing 100% of ratings for that genre, broken down into five rating categories from below 5.0 to above 8.5. Using d3.v7, the visualization employs `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color encoding, and `d3.axisBottom()` and `d3.axisLeft()` for axes. Hovering over a bar segment triggers a tooltip displaying the precise percentage via a `mouseover` event handler. The data comes from a CSV file containing genre and rating percentage columns.

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.