Tournament Trees
borntofrappe opened this issue · comments
Goal
Display the draws for a tennis competition with sport brackets.
Links
- Stockholm Open draws highlighting the results with an interesting pattern of HTML elements
Updated goal
Display the top and bottom bracket for a tennis tournament to recreate this design
I managed to create the hierarchical structure with a complete binary tree. The leaves then include the actual data for the bracket(s).
The logic is repeated for the top and bottom bracket, changing thr position of the links and labels.
Finished version.
Particularly proud of how the 'Paris Masters' label matches the width of the year above.
Live on CodePen: https://codepen.io/borntofrappe/pen/oNyzrBJ