Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6(Task2)

Public visualization

Viewing a saved revision (read-only)

1789da39b48f4e1fa58607eeed1c1a57

Activity-6(Task2)

0 stars0🌍 Public
Vvandanakosuri@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity-6

This stacked bar chart displays the percentage distribution of movie ratings across six genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5," showing how genre influences rating outcomes. The visualization uses d3.stack with d3.scaleOrdinal for color encoding, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage x-axis, rendering as an SVG. Interactive tooltips, implemented via d3.select and mouseover events, display precise percentage values on hover, while the data originates from a CSV file depicting customer satisfaction and performance metrics.

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.