Insight Metrics Reviews Block for React

Replace REVIEWS and TOPICS at the top of the file. A review has an id, name, rating from 1 to 5, an ISO date, a title and a body; a topic has an id, a label and a list of whole lower-case keywords. A review mentions a topic when its title or text contains one of the words. The counts, the shares, each sentence and the list in the Sheet are all computed from those two arrays, so adding a topic adds a cell.

Neither. The sentences are fixed templates filled in with counts, and the topics are matched by keyword, so they can miss a review that says the same thing in other words. That is why the Sheet lists the matches and the words used: you can check every number against the reviews. Nothing here is a model's reading of the text.

"See the N reviews" opens the catalog Sheet with the matching reviews, newest first, each with its stars, title, text, reviewer and date, and a line saying how many were low and how many high. Close it with the close button, Escape or a click outside, and focus returns to the button that opened it. It slides in from the end edge on a wide screen and up from the bottom on a phone.

Yes. The cells, the bars (which fill from the start) and the review list follow the page's direction, and the Sheet opens from the end edge: the block reads the direction of the section when the window changes and picks the matching side.

The three cells stack in one column and the Sheet rises from the bottom, up to 88 percent of the screen, with its list scrolling inside. Nothing scrolls sideways at 320 pixels.