Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

b8d67f1e8dec4fdcbe3def5054daf490

Activity6_Task2

0 stars0🌍 Public
Sshettisowmya01@gmail.com
Last edited Oct 19, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This example shows the distribution of movie ratings across genres using a stacked horizontal bar chart, where each bar segment represents the percentage of films falling into rating brackets from below 5.0 to above 8.5. The visualization uses D3 v7 with an SVG rendering approach, employing d3.stack() to compute the stacked series and d3.scaleOrdinal with a custom color palette to distinguish rating categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each genre-rating combination. The data comes from an external CSV file containing genre names and pre-computed proportional values.

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.