This UI demonstrates the D3 collapsable tree applied to a rowing ladder. In the fully functional app, a user can “schedule” a race between two or more rowers, then “update” a race with the winner. Winners advance to the next round, and racing continues until someone wins the regatta.
Click on a blue bar to collapse or expand the tree. This is a convenient space saver, especially in mobile browsers. This UI demo will detect orientation changes and redraw the rowing ladder into the new browser width.
This is a UI demo only – a fully functional application needs a back-end server with a persistent database.