Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Q2

Public visualization

Viewing a saved revision (read-only)

c86c6350f650439689d46b33f8bd6d20

Activity6_Q2

0 stars0🌍 Public
Nnikhithadadi@my.unt.edu
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

This visualization shows the distribution of cinema ratings across six movies, with each bar divided into five rating segments (below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, and above 8.5) as percentages that sum to 100%. The stacked bar chart uses d3.stack() to group the horizontal bars, d3.scaleLinear for the percentage axis, and d3.scaleBand for movie categories. Interactive tooltips display exact percentages on mouseover using event handlers, while SVG rectangles with a color scale make each rating segment distinct. The data comes from the provided Cindata.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.