Draw.io Snake Roadmap

Build dense learning maps around a continuous S-shaped route while keeping every label, track, and category editable in Draw.io.

Workflow

1. Define the route order and group the content into 3–6 major stages.
2. Limit each horizontal run to 3–5 equal columns.
3. Alternate reading direction at every U-turn.
4. Read references/snake-style.md before creating or restyling the route.
5. Reuse assets/python-learning-snake.drawio as a reference for layout, band stacking, and arc construction.
6. Replace headings and items before changing track geometry.
7. Add or remove entire column modules on the straight segments.
8. Build turns from native mxgraph.basic.arc vertices, never from automatic curved edges, embedded images, stacked rounded rectangles, or white masks.
9. Open the .drawio file in Draw.io/diagrams.net and inspect every tangent, color boundary, and turn; do not rely only on a separate SVG preview.
10. Run python3 scripts/validate_snake_roadmap.py <file.drawio>.

Content Structure