Adaptive Tree Visualization for Tournament-Style Brackets

 Informationsvisualisierung SS 2010 VO 186.141 & UE 186.143

Richard J. Freismuth 0547610

Florian Walter 0527082


Resend figures show, that the interest of persons in picking via virtual games, or betting on sport events increased in reason years. Therefore systems are required to integrate in games, which are related to the real world, representing real sport tournaments, as well as possibilities to follow tournament results in comparison to personal picks/bets. The AdaptiviTree (AT) is an opportunity, to visualize sudden‐death tournament results in a more effective way. Studies showed, that the required time of participants in order to read the required information out of the graph is significantly less compared to other visual options. Also the understanding of the pick of a person is recognized in a shorter period of time. An even bigger advantage is given for large tournaments, since the required space can be reduced to one fourth of the traditional display of tournaments.

Our implementation of an AdaptiviTree

The program is supposed to display a one‐side tournament tree. The teams can be displayed with their names up to a certain length set by the creating user of the tournament. Furthermore can flags or logos be included. As long as a team is participating in a tournament, their names and flags are displayed in full color. After dropping out of the tournament, their names and logos are switched to grayscale colors. There is a bet-box and a result-box for the user to insert his bets and the results. The tournament tree itself is displayed in AT-line-drawing. Each round the betting user can predict the winning teams. After the bets have been selected and the round has been finished the results can be selected. The tournament tree will show the winning teams and either green lines if the better has betted right, or red lines in case he/she betted on the other team to win.




Reasoning for Implementation Decisions


In our AdaptiviTree version, the betting and the result input is done by the user itself. Therefore it can be used independently in order to see for oneself how successful he/she predicted the games. Depending on the use of the program, it could be adopted that the user can only bet and the results are either retrieved automatically or manually by a third party.

Betting  Results


We decided on a one-sided tree, since it saves a lot of space and can therefore easily be displayed in newspapers even for larger scale tournaments. Current and previous rounds are lined through straight lines, advancing from the winning team into the next round. Previous to further rounds are displayed in dotted curved lines to the following rounds until the finals. This allows a short reaction regarding the level the tournament is currently at.

Betting display

The tournament tree starts in the first round being entirely black, since no results are yet available. After the user betted and the results have been given to the system, the advancing bar of each game is either displayed red or green, depending if the user has predicted the winner correct or not. This is different to the AdaptiviTree presented in the paper, which uses an information overlay, displaying the rounds through black and grey lines, and the bets are displayed separately green and red, for the teams betted on. We decided for this way of implementation, since it displays the winner and if this winner has been predicted or not, which should lead to an even quicker understanding.


Input-parameters through input-file

We decided to use an input-file, in which the creator of the tournament can set parameters regarding space between teams on the Y-axle, the space from one round to the other on the x-axle, the starting point of the first round and can directly insert team names and flags (through gif files). This allows the users´ to create the tree individually as it fits the users requirements.







Download JavaDoc