| Basic | -- | -- | |
| | Visual | |
2. Single Z spider with a phase | | Visual | |
3. Bell-state preparation | | Visual | |
4. Two-spider fusion candidate | | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| Algebraic | -- | -- | |
| | Visual | |
9. stack (Z 1 1 α) (X 1 1 β) | | Visual | |
10. compose (Z 1 2 0) (Z 2 1 0) | | Visual | |
11. Nested compose(stack(Z,Z), X) | | Visual | |
| Advanced | -- | -- | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| | Visual | |
| Interactions | -- | -- | |
1. Drag a single Z spider | | Visual | |
2. Shift-click multi-select, then drag | | Visual | |
3. H-box stays on its chain line under drag | | Visual | |
4. Brush-select two spiders, then drag | | Visual | |
5. Degree-3 H-box falls back to barycentre | | Visual | |
6. Colliding fallback H-boxes are nudged apart | | Visual | |
7. Chained H-box clamps against the next H-box | | Visual | |
8. Chained H-box clamps against the previous H-box | | Visual | |
9. Pauli-web strands redraw on drag | | Visual | |
| Basic | -- | -- | |
1. Two spiders, three wires | | Visual | |
2. Four spiders, eight wires | | Visual | |
3. H-edges and parallel edges | | Visual | |
| | Visual | |
5. Strong complementarity | | Visual | |
10. Node type with no blob | | Visual | |
| Interactions | -- | -- | |
| | Visual | |
| | Visual | |