Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task6_Tutorial

Public visualization

Viewing a saved revision (read-only)

e78923242571436a92659d82661aa5ac

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.