Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

stacked bar chart

Public visualization

Viewing a saved revision (read-only)

f1b9831f2db24791be860edb31ca5cb9

stacked bar chart

0 stars0🌍 Public
Cchingching17
Last edited Oct 18, 2023
Created on Oct 16, 2023
Forked from D3 Starter

This stacked bar chart displays the weighted scores of universities across five categories: teaching, research, citations, industry income, and international outlook. The chart reads the data from `university.csv` and renders it as an SVG, with each bar representing a university and segmented by score category. Users can interactively sort the universities by any of the five scores, in either ascending or descending order, using dropdown menus. The visualization uses D3 v4 APIs including `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.stack`, and `d3.axisBottom` to construct the chart.

AI-generated description

A demonstration of how to start using D3 version 6.