Contributor Leaderboard Changelog Block for React

Edit PEOPLE at the top of the file (commits, reviews, streak) and REVIEW_WEIGHT for how many commits a review is worth. Impact is each person's weighted total scaled so the best scores 100, and the rank is their place in that order, so the bars, numbers and rank always agree.

Each column heading holds a button. The first press sorts names A to Z and numbers from high to low; pressing the same one reverses it. A tie goes to the better rank. The heading of the sorted column has aria-sort and a status line says "Sorted by Commits, low to high." The rank column doesn't change: it is always the impact rank.

A native table has a caption, row headers and scoped column headings on every base, and the same markup works across all seven targets. It sits in a labelled region you can focus, so the keyboard can scroll it on a narrow screen.

The bar only repeats the number beside it, so assistive technology skips it and reads the number. The ring around the top three avatars is decoration too: the rank is in text.

On a phone the table keeps rank, name, commits and the impact number and fits without scrolling; at very narrow widths it scrolls with the name column fixed. In a right-to-left layout the table mirrors and the bars fill from the other side.