Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW5: Stacked Bar Charts

Public visualization

Viewing a saved revision (read-only)

d1e13b78ca1543f2bc320e9eadb8cedf

HW5: Stacked Bar Charts

2 stars3🌍 Public
LLSAWB
Last edited Oct 31, 2023
Created on Oct 17, 2023

This interactive stacked bar chart visualizes university rankings across five weighted performance indicators: Teaching, Research, Citations, Industry Income, and International Outlook. Users can sort universities by overall score or individual metrics in ascending or descending order via dropdown menus. The chart employs React with D3.js v6, using d3.stack() to compose the stacked bars and d3.scaleBand() for the x-axis. An SVG legend provides hover highlighting, adjusting bar opacity to emphasize selected categories while dimming others.

AI-generated description

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

See also React Starter.