Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ass8_Task2

Public visualization

Viewing a saved revision (read-only)

f84092dfc5ac4c3281263e7c6742aabc

Ass8_Task2

0 stars0🌍 Public
AAbdul Kareem
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

A stacked horizontal bar chart displays the percentage distribution of IMDb-style rating categories (e.g., "below 5.0," "5.0-6.5") across six movie genres, with a title "Rating according to genres." Each genre row is divided into colored segments representing five rating ranges, using D3 v7's `d3.stack()` and `d3.scaleOrdinal`. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment. The SVG rendering includes axes via `d3.axisBottom` and `d3.axisLeft`, with data from a CSV file.

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.