Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Que2

Public visualization

Viewing a saved revision (read-only)

3aaf6d504f93446e93d4b7d95a8d29ef

Activity6_Que2

0 stars0🌍 Public
Rrakesh.kavuru@outlook.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of five IMDb rating levels (below 5.0 to above 8.5) across six product categories, illustrating how category influences ratings. Each horizontal bar represents one category, with colored segments for each rating range. Hovering over a segment displays an exact percentage via a tooltip implemented with D3 event handlers. The visualization uses d3.stack() to generate stacked data, d3.scaleOrdinal for colors, d3.scaleLinear for percentages, and d3.scaleBand for categories, rendering as SVG with axes from 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.