Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8-Task2

Public visualization

Viewing a saved revision (read-only)

7675af4157b74adca6618d6b364e5879

Activity8-Task2

0 stars0🌍 Public
Sshaiksajidali
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This visualization shows the distribution of rating percentages across six content categories, using stacked horizontal bars to compare five rating ranges per category. The chart, built with D3.js v7, uses a linear x-axis for percentage values and a categorical y-axis for genres, with each segment colored according to its rating band. Mouse interaction highlights individual segments and displays a tooltip showing the category name and precise percentage. Data comes from a CSV file with pre-calculated proportional values, rendered as SVG shapes with axes and legend generated via D3's axis and scale APIs.

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.