Mindmap

Wat & waarom

De eis was een app die echte Buzan-stijl mindmaps tekent: organische takken die dik bij de kern beginnen en naar de punt toe taperen, de tekst óp de tak in plaats van in losse hokjes, en één kleur per takfamilie. Wij bouwden die van de grond af — een dependency-vrije HTML5-app met precies die takken, slepen, inline tekst, plus een eigen multi-user backend met login en rollen. Volledig in eigen beheer.

De meeste mindmap-tools tekenen hokjes met verbindingslijnen; een echte Buzan-mindmap — met getekende, organische takken — vraagt om iets eigens. Die stijl was hier de eis, net als volledig eigen beheer: geen abonnement op andermans platform, maar een app die van de maker zelf is.

Aanpak

1. De Buzan-regels als spec genomen: een vrij centraal punt, takken dik bij de kern en taperend naar de tip, en de tekst als label langs de tak.
2. Die taperende takken als gevulde SVG-paden gerenderd, de woorden rechtop langs de lijn; elke tak en z'n sub-takken delen één kleur.
3. Een fijne editor: slepen (met de hele subtree), pannen, zoomen, inline hernoemen, undo, en im-/export als JSON.
4. Een eigen multi-user backend (PHP + SQLite) met login, rollen en per-gebruiker mindmaps — database buiten de docroot, via CI uitgerold in eigen beheer.

Techniek

• Dependency-vrij HTML5
• SVG / taperende bezier
• PHP
• SQLite
• Sessie- + CSRF-auth
• Self-hosted