Those look great, except for one thing: they lack the player names.
I would love to have table cell background images just like that, with cell strings of the player names,
but I don't think you can do it with legal HTML? If there is a way, please tell me, as I am palying around with the bracket tab on the TB GUI just now.
Thanks, and for that the player names are not repeated every other match -- that's actually an important point and intended. You have the player names in front of the lines once for every name. In the examples I simply chose numbers in order to illustrate the seeding of an ordered list.
Your attempts at including the player names for every match look good. But the resulting HTML table is quite a bit cluttered and it will likely be very difficult to incorporate that into the algorithm and thus not be worth the effort. And you'd get even more problems if the text representation of a player's name is wider than the picture with the horizontal line, it wouldn't align anymore.
For the above mentioned purpose it should be enough to show the bracket without any state information like match results. This information is easily available through tbot for every round. But as the next step this could also be integrated, however I prefer to put e.g. stop signs on those lines where a particular player lost the match and is thus out of the tournament.