Trend Overview Reviews Block for React

Replace MONTHS at the top of the file. A month has an id ("2026-03"), ratings (a string with one digit per review, 1 to 5, in any order) and top, its most helpful review (title, body, name, rating, helpful and an ISO date). The count is the length of the string and the average is worked out in tenths, so nothing is typed twice. The chart scales from 3.0 to 5.0; widen the heightOf range if your ratings fall below 3.

It is a typed review that you choose per month: the file keeps one top review for each month rather than every review's helpful count. Its star rating should be one of the digits in that month's ratings; it is not checked for you. The averages and counts, which are what the chart draws, come only from the digits.

It has one stop per visible month, under the month's own column, and a hidden label "Month" with a spoken value such as "Mar 2026, average 4.0". Arrow keys step a month, Home and End jump to the first and last. Switching to 6 months keeps the chosen month when it is still in view and otherwise moves to the first of the six. The band's polite status line reads out the new month.

A table inside the figure, hidden visually, lists each visible month with its reviews and average. The drawing itself is hidden from screen readers, and the figure's caption names what it shows.

The chart, its labels and the Slider keep their left-to-right order so time still runs forward and the thumb lines up with its column; the header, the toggle and the band follow the page's direction, and each phrase with a figure is isolated.

The plot is 208 pixels high, a 12-month view labels the months by initial, and the band's three cells stack. The review in the band reserves two lines for its title and three for its text, so changing the month never moves the page.