Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6_Task_2

Public visualization

Viewing a saved revision (read-only)

0da5a974318543de921048330da32abd

Activity_6_Task_2

0 stars2🌍 Public
AAbrarb702@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This stacked bar chart visualizes the distribution of IMDb rating categories across movie genres, showing how the proportion of high versus low ratings varies by genre. Each horizontal bar represents a genre, subdivided into five rating brackets from “below 5.0” to “above 8.5,” with percentages summing to 100%. Built with d3.v7 and rendered as SVG, the chart uses `d3.stack()` to compute stacked segments and `d3.scaleOrdinal` for color encoding. A mouseover tooltip displays precise percentage values per segment, enhancing data readability. The data comes from a CSV file, with axes labeled via `d3.axisBottom` and `d3.axisLeft`.

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.