Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

hw5

Public visualization

Viewing a saved revision (read-only)

1fb73aac25fd49a08a61ab59fe314535

hw5

0 stars1🌍 Public
JJiaYu07
Last edited Oct 3, 2024
Created on Oct 3, 2024
Forked from Fork of Hello HTML

This visualization displays stacked bar charts of World University Rankings, showing how each university’s score is composed across five categories: Teaching, Research, Citations, Industry Income, and International Outlook. Users can sort the bars by any category in ascending or descending order, and hovering over individual bars reveals the exact value via a tooltip. The chart is rendered with SVG using D3 v6, leveraging `d3.stack()` to compute the stacked series and `d3.scaleBand` and `d3.scaleLinear` for positioning. A custom legend allows highlighting a single category by dimming the others, and the data is loaded from a CSV file.

AI-generated description