
Jiujitsio
Map your jiu-jitsu game. Positions as nodes, techniques as edges, with notes on every transition.
About this project
Jiujitsio is a visual game-planning tool for Brazilian jiu-jitsu practitioners. In BJJ, your "game" is the web of positions you play and the techniques that connect them. Most people keep this map in their head or scribble it in notebooks — Jiujitsio makes it interactive.
Positions are represented as nodes on a graph, and techniques are the edges connecting them. You can add notes to every transition, tag positions by type (guard, mount, back, etc.), and zoom into sub-systems of your game. The 3D visualization powered by Three.js lets you explore your game spatially, while the 2D Vue Flow view is better for detailed editing.
The stack is Nuxt 4 with Supabase for auth and data persistence, Vue Flow for the 2D node editor, and Three.js for the 3D visualization. Supabase handles user accounts so your game map syncs across devices. The goal is to help practitioners think more systematically about their training — see the gaps, find the patterns, and build a more connected game.
Want something like this?
Let's talk about your project.