---
source: https://www.jointjs.com/demos/tournament-brackets
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/tournament-brackets/README.md
generated: 2026-04-05
format: markdown
---

# JointJS+: Tournament brackets <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

If you watched the latest Champions Chess Tournament, you know that the tournament followed a double elimination system, giving participants an equal chance to prove their skills and possibly recover from a single loss. This 2-bracket system is optimal for a visual representation in a form of a JointJS diagram, which is illustrated in the demo below.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/tournament-brackets).

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)