Alumni Tenure Table Team Block for React

Edit ALUMNI at the top of the file: each has a name, the role they had, whole years at the company, where they are now and their role there. The counts, the number of distinct companies and the median stay are computed from it, and each bar's length is its years against the axis.

AXIS is 8 years: a bar for someone who stayed eight years is full, and the faint ticks mark every two. Raise it if your longest stay is longer; the ticks and bars follow. The axis labels are drawings; the years are in text beside each bar, so a screen reader hears "6 years".

This block is the people and a control-free table of where they went and how long they stayed. The About block tells the story of the network. Use this one when you want to show the data; use that one when you want to tell it.

Yes: a native table with a caption, column headers with scope, and the alumnus as each row's header. It is the same markup on every base because the catalog's React Aria table is a grid without captions.

The Years column is dropped and its bar and text move under the person's name, so each row keeps two columns and nothing scrolls sideways at 320 pixels.

Yes. The columns follow the page direction, the figures and years are wrapped in bdi, and the bars are drawn left to right in their own dir="ltr" box because they measure a quantity.