Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

27089a7e1e714b0aa890273eb7ec6a4e

Activity6_Task2

0 stars1🌍 Public
Cchandrikachowdary867@gmail.com
Last edited Apr 14, 2024
Created on Apr 13, 2024
Forked from Activity-6

This stacked bar chart shows how movie ratings are distributed across genres, with each bar segment representing the percentage of ratings within categories like below 5.0, 5.0–6.5, and above 8.5. The visualization uses d3.stack() to compute the stacked segments and d3.scaleOrdinal with custom colors to differentiate rating levels. Hover interactions trigger tooltips displaying exact percentages via d3.select and event handlers. The chart is rendered as SVG, using d3.axisBottom and d3.axisLeft for axes, with data loaded 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.