Reviewer Profile Reviews Block for React

From the typed data at the top of the file. REVIEWS holds all fourteen of her reviews; the review count, the helpful votes (the sum of each review's helpful), her average and her distribution are worked out from it, and her shares add up to 100 by the largest remainder method. EVERYONE holds how many ratings the whole site has at each star, and its average and shares are worked out the same way. Nothing is typed twice, so the sentence and the bars always say the same numbers.

Which three of her fourteen reviews show: newest first, highest rated, lowest rated or most helpful. A polite line says what is on screen. Every order is drawn once, unseen, in the same grid cell as the live list, so choosing another order never moves the page.

Each row is a star rating. The solid bar is her share of that rating and the lighter bar is the whole site's share, and the numbers are written beside them ("Hers 29%, everyone 50%"). The bars are decorative; a screen reader gets the row's star count and the same two percentages in text.

Yes. The bars fill from the start, the profile figures sit on the start side, and every number is isolated so its digits stay in order.

No. The reviewer, the site and every game are invented, and her member-since month and the site's counts are example data. Nothing is saved or sent.