Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stacked Bar Charts

Public visualization

Viewing a saved revision (read-only)

2491e0acd31d4288aee7a2015b252039

Stacked Bar Charts

0 stars0🌍 Public
AAkanksha
Last edited Apr 4, 2024
Created on Apr 4, 2024

This example displays stacked bar charts of university rankings, with each bar segmented by weighted scores for Teaching, Research, Citations, Industry Income, and International Outlook. The visualization uses D3 v6 APIs such as `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and SVG rendering to draw the chart. An interactive legend highlights a selected category by adjusting bar opacity on mouseover, while a button triggers data processing from a CSV file. The code loads university data and computes weighted score contributions for each segment.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.