Stacked Bar Charts_2
This interactive stacked bar chart visualizes the Times Higher Education World University Rankings 2024, breaking down each university's overall score into five components: teaching, research, citations, industry income, and international outlook. Users can sort the universities by either total score or any individual criterion and toggle between ascending and descending order. Built with D3.js (version 7.9.0), the visualization uses `d3.stack()` to generate the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the continuous x-axis. Hovering over any segment displays a tooltip showing the university name and the component score. The data is loaded from a CSV file containing 2024 ranking information.
AI-generated descriptionThe Penguins Dataset, loaded and parsed as CSV.
Fork and modify this template to import your data to VizHub and export it for use in other vizzes! To do that:
- Fork this viz
- Clear out the README
- Update the README with details about your dataset (including original source)
- Replace
data.csvwith your own data - Replace the parsing logic in
index.jswith your own - Set the custom URL so you can import from it easily
Challenge
- Find 3 datasets on a topic you are interested in
- For each of those, fork this viz and replace the data
- Parse the quantitative attributes into numbers
- Update
README.mdto indicate the original data source