Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Interactive Stacked Bar Chart

Public visualization

Viewing a saved revision (read-only)

d0f35b5c97284b4d9f77fa886e7deb69

Fork of Interactive Stacked Bar Chart

0 stars0🌍 Public
Jjerry70938@gmail.com
Last edited Oct 10, 2024
Created on Oct 10, 2024

This interactive stacked bar chart visualizes university ranking data from the Times Higher Education World University Rankings, displaying weighted scores across five categories: Teaching, Research, Citations, Industry Income, and International Outlook. The D3.js v6 code uses `d3.stack()` to compute stacked series and `d3.scaleBand()` for the x-axis, with `d3.axisLeft()` and `d3.axisBottom()` for axes. Hovering over legend circles highlights the corresponding segment by adjusting rectangle opacity via `svg.selectAll()`, while a user interface allows re-sorting bars by different metrics and ascending or descending order.

AI-generated description