Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stacked Bar Chart

Public visualization

Stacked Bar Chart

0 stars0🌍 Public
JJames Huang
Last edited Oct 20, 2023
Created on Oct 11, 2023
Forked from HTML Starter

This stacked bar chart visualizes the component scores—Teaching, Research, Citations, Income, and International—from the TIMES World University Rankings 2024 CSV data. Each bar represents a university, with segments stacked by criterion and color-coded via a `d3.scaleOrdinal`. Users can sort the bars by total score in ascending or descending order using buttons that call `updateChart`, which animates bar positions with `transition` and updates the `d3.axisBottom` x-axis. Tooltips display individual segment scores on hover, and the SVG rendering uses `d3.stack` for layout.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed