Win Percentage Awards Block for React

Edit EDITIONS at the top of the file. Each edition has a year (fixed), the number nominated, how many reached the shortlisted stage (winners included) and how many won. The totals, the percentages, the squares, the header sentence and the years are all counted from those rows. Keep won at most shortlisted and shortlisted at most nominated.

Each result takes the whole squares its share earns, then the squares still missing go to the results with the biggest remainders (largest remainder), so there are always exactly one hundred. The percentage in the middle is the plain rounded share, so it can differ from the square count by a point; the caption says each square is one hundredth of the nominations.

Won, shortlisted and not shortlisted differ by fill, outline and weight, not by hue, so the grid works in any theme and for anyone who can't tell colours apart. The legend names all three in words, and the list beside it gives the counts.

They don't read the squares: the grid is a drawing hidden from assistive technology. The figure's caption gives the share ("38% of nominations won") and the description list gives the counts with their base. Everything the grid shows is in the text.

The split becomes a stack in reading order: the header, the figure, then the facts and the legend. The grid keeps ten columns and the squares shrink. Nothing scrolls sideways at 320 pixels, and in a right-to-left layout the text mirrors while the grid keeps its fill order.

No. The Wickerholm Prize, its editions and the counts are made up, and Hepzibah is a made-up tool. Use your own results, and a real programme's name in text only.