Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task6_Tutorial

Public visualization

Viewing a saved revision (read-only)

f131d0db014041b18c6f532e36ba06c4

Task6_Tutorial

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

This example visualizes IMDb movie ratings across different genres using a stacked horizontal bar chart. The chart displays the percentage distribution of ratings across five categories, from "below 5.0" to "above 8.5", for genres such as Documentary, Drama, Comedy, Romance, Animation, and Action. The implementation uses D3.js v7, loading the library via UNPKG, and leverages d3.stack for data transformation, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the continuous x-axis. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment.

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.