Trend Arrows Awards Block for React

From ENTRIES at the top of the file: each entry has a programme, a category, a fixed year and a result, won or shortlisted. Every measure is a small function that counts one year of that list, so adding an entry changes the table and the header sentence together. The two years shown are the latest in the list and the one before it.

Awards won divided by every place in a shortlist, wins included, rounded to a whole percent. A change in the rate is written in points ("up 19 points"), not as a percentage of a percentage. Shortlists are the places that did not win.

The change is three things at once: an arrow, a word and the size, and the chip's outline is solid for up, lighter for down and dashed for flat. Nothing is green or red. The arrows point up and down, so a right-to-left page does not mirror them.

Add an entry to MEASURES with a title, a note, a function that returns the figure for a year, and how to write it. Use unit for a word that follows the change, as the win rate does with points.

Last year's column is hidden so the measure, this year's figure and the change fit without scrolling; the change already says how far this year moved. The table sits in a keyboard-reachable region in case a wide layout of your own needs to scroll.

As a table with a caption, column headers and a row header on each measure, so a cell reads as its measure and column. The arrows are hidden from assistive technology and the change reads as its words ("up 4").