Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Final Stacked Bar Charts_4 with animation

Public visualization

Viewing a saved revision (read-only)

79d7361aeef24969a71678940ca1fbbd

Final Stacked Bar Charts_4 with animation

0 stars0🌍 Public
Wweird_danger
Last edited Oct 16, 2024
Created on Oct 9, 2024

This interactive visualization, built with D3.js, displays Times Higher Education World University Rankings for 2024 as horizontal stacked bar charts. Each bar represents a university's performance across five weighted score categories (teaching, research, citations, industry income, international outlook), with segment lengths proportional to each score. Users can sort the chart by category and toggle between ascending and descending order using dropdown menus implemented with `d3.select` and event handlers. A hover tooltip reveals precise category values. The visualization animates a typewriter-style instruction text using JavaScript `setTimeout`, while axes and scales are rendered using `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisTop`.

AI-generated description

Howework 5 Stacked Bar Charts