Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Question 2

Public visualization

Viewing a saved revision (read-only)

96d4914f5b564f558cf2f9b43f771d5c

Activity 6_Question 2

0 stars0🌍 Public
Aanusha.chilkamarri26@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of student grades across five rating intervals for different genres, revealing how grade categories vary by genre. The visualization uses D3 v7's stack, scaleLinear, scaleBand, and axis methods to construct the horizontal bars, with SVG rendering. Hovering over a segment triggers a custom tooltip displaying the exact percentage via a mouseover event handler. The data comes from a CSV file containing grade percentages per genre, with total proportions summing to 1. A color scale maps rating intervals to distinct hues.

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.