Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

069cd5fc1dea45ffbf78bc89554dc57a

Activity6_Task2

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

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the proportion of films in each rating category from "below 5.0" to "above 8.5". The y-axis lists genres, while the x-axis represents the percentage of each rating level, with color-coded segments per category. Interactive tooltips, implemented with D3's `d3.axisBottom`, `d3.scaleOrdinal`, and `d3.stack`, display precise percentages on hover, with bars using `d3.select` and mouse events to trigger opacity changes and tooltip updates. The visualization uses SVG rendering within an HTML canvas.

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.