Stacked Bar Charts_1
This stacked bar chart visualizes Times Higher Education World University Rankings 2024 data, showing the distribution of five score components—teaching, research, citations, industry income, and international outlook—across universities. Users can sort the bars by any component in ascending or descending order via dropdown menus. The visualization uses d3.stack for data grouping, d3.scaleBand and d3.scaleLinear for axes, and tooltips with mouseover events to reveal individual score details. The SVG-based rendering loads data from a CSV file, with each bar segment colored according to its corresponding performance metric.
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