Blog post preview
July 19, 2023

Demo Wednesday: Tournament brackets

We've published a new demo: Tournament brackets

If you watched the last Champions Chess Tournament, you not only noticed Magnus Carlsen's well-deserved victory, but you also appreciated the double elimination system that the tournament organizers utilized. This system helps participants to recover from a single loss and still strive for overall victory (just watch Wesley So's amazing journey to the grand final).

This 2-bracket system leaves no diagram enthusiast quiet and begs for a visual representation in the form of a diagram. We are therefore pleased to introduce a tournament bracket demo that shows the results of the recent tournament.

To highlight the journey of an individual player, interact with the toolbar (Player's Path). To go back in time and view the results of the first days of the tournament, use the slider.


See the Pen JointJS+: Tournament brackets by JointJS (@jointjs) on CodePen.

Interested in enhancing your application with interactive diagrams? Start a free JointJS+ trial and build visual and No-Code/Low-Code applications with easy and confidence.

Every Wednesday we share diagramming tips, interesting features and news in JointJS. Learn with us, get content delivered straight to your inbox and become a real diagramming pro:

Blog post author
Roman Bruckner
Diagramming enthusiast from an early age, traveler and a persistent contributor to the developer community.
No items found.
Stay in the loop

Speed up your development with a powerful library