Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Tutorial2

Public visualization

Viewing a saved revision (read-only)

c186d7f625334ce8a502ec3c58683cca

Activity6_Tutorial2

0 stars0🌍 Public
Ddandudivya98@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This chart shows the distribution of IMDb movie ratings across six genres, displayed as a horizontal stacked bar chart where each bar represents a genre and each colored segment corresponds to a rating range from "below 5.0" to "above 8.5". The proportions are normalized to percentages, making it easy to compare how ratings concentrate within each genre. The visualization uses D3 v7 with a `d3.stack()` operation to create the stacked bars, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for the y-axis categories. An SVG canvas renders the chart, and mouse events trigger tooltips that display the exact percentage for each segment, using data from the included 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.