Stats Summary Changelog Block for React

Edit RELEASES at the top of the file: each release has a version, an ISO date, a title and how many changes were added, improved and fixed. The three counters, the column heights, the segments and the readout are all computed from that list, so nothing else needs retyping. MONTHS lists the twelve columns; a month with no release shows an empty column.

Each column is a real button in a list with a full name such as "March 2026: 4 releases, 11 changes", and the open one is marked pressed. Tab moves between months and focusing a month opens it, so its releases are read out through a polite status line without a click. The drawn bars are hidden from assistive technology, because the same facts are in the name and in the line.

By tone and by place: New is the darkest segment, Improved the middle one and Fixed the lightest, always stacked in that order, and the counters above wear the same three squares as a key. The kind names are in the counters and in the readout line ("6 new, 9 improved, 16 fixed"), so nothing depends on seeing the tones.

Every month's readout is stacked unseen in the same grid cell as the live one, so the frame is always as tall as the busiest month. The columns keep a fixed height, and the status line is the only part that changes.

The header and the panels fade up once on load and the counters count up once in view. With reduced motion the transitions are off and the counters show their final values at once. Choosing a month changes the readout without any motion.

The chart keeps its oldest-to-newest order from the start of the line, as a time axis should, and the counts in the counters and the line are wrapped so digits and words keep their order. Everything else follows the page direction.