Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stacked Bar Charts

Public visualization

Viewing a saved revision (read-only)

0127b8bcd13b423d9250988507fed981

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.