IN ÉÉN OOGOPSLAG
Mermaid maakt diagrammen vanuit tekst. Je beschrijft bijvoorbeeld stappen en verbindingen en laat daarvan een stroomschema tekenen. Ook andere diagramtypen zijn beschikbaar. De tekst kan samen met de rest van je documentatie worden bijgehouden.
DE BASIS
Wat is Mermaid?
Mermaid maakt diagrammen vanuit tekst. Je beschrijft bijvoorbeeld stappen en verbindingen en laat daarvan een stroomschema tekenen. Ook andere diagramtypen zijn beschikbaar. De tekst kan samen met de rest van je documentatie worden bijgehouden.
De waarde zit vooral in onderhoud: wanneer een proces verandert, pas je de beschrijving aan. Dat is een andere manier van werken dan vrij tekenen op een canvas. Gebruik Mermaid voor duidelijke, herhaalbare schema’s en beoordeel of je voor een bijzonder ontwerp meer visuele vrijheid nodig hebt.
PAST HET BIJ JOU?
Voor wie is Mermaid?
- Ontwikkelaars die diagrammen bij technische documentatie willen houden.
- Teams die processen en systeemrelaties in tekst willen beschrijven.
Onze afweging: probeer eerst jouw belangrijkste taak. Een alternatief hoeft niet iedere functie van je huidige software te kopiëren, maar moet wel doen wat jij dagelijks nodig hebt.
VAN IDEE NAAR GEBRUIK
Wat kun je ermee?
Tekst naar diagram
Beschrijf onderdelen en relaties met de syntax van het gewenste diagramtype.
Verschillende schema’s
Maak onder meer stroomschema’s en sequentiediagrammen vanuit een tekstdefinitie.
Onderdeel van documentatie
Gebruik Mermaid in een ondersteunde editor, integratie of eigen documentatiewerkproces.
EEN VOORBEELD UIT DE PRAKTIJK
Een proces uitleggen naast je documentatie
Stel: je team beschrijft hoe een aanvraag wordt behandeld. Schrijf met Mermaid een klein diagram van ontvangst tot afronding. Zet het bij de uitleg van het proces en pas de tekst aan wanneer een stap verandert. Zo kun je de beschrijving en het schema samen onderhouden.
Zo beoordeel je of het werkt
Begrijpt een collega het proces zonder extra toelichting? Controleer de weergave in de omgeving waarin je het diagram publiceert: ondersteuning kan verschillen. Houd de tekening klein genoeg om op een telefoon te volgen en voeg een tekstuele uitleg toe voor wie het diagram niet kan gebruiken.
Een redactioneel gebruiksvoorbeeld om zelf te proberen.
EEN BEWUSTE KEUZE
Sterke punten & afwegingen
Dit is onze redactionele beoordeling op basis van de bronnen hieronder. We hebben niet iedere functie zelf getest.
Waarom bekijken?
- Een tekstdefinitie kan naast andere documentatie in versiebeheer staan.
- Wijzigingen in een schema zijn terug te voeren op aanpassingen in de bronbeschrijving.
Waar let je op?
- Je moet de syntax leren en hebt minder directe tekenvrijheid dan op een onbeperkt canvas.
- Controleer welke Mermaid-versie en diagramtypen je editor of platform ondersteunt.
EEN KLEINE EERSTE STAP
Zo begin je met Mermaid
- Beschrijf een klein proces met drie tot vijf stappen.
- Maak daarvan een stroomschema in een ondersteunde editor.
- Bewaar de bron bij de documentatie en controleer de leesbaarheid voor je doelgroep.
Zelf hosten? Houd naast installatie ook rekening met updates, back-ups en herstel. Bekijk de hostingmogelijkheden.
GOED OM TE WETEN
Veelgestelde vragen
Moet ik kunnen programmeren?
Je schrijft een eenvoudige tekstbeschrijving, geen complete applicatie. Wel moet je de syntax van je diagramtype leren. De officiële introductie bevat voorbeelden.
Kan Mermaid Lucidchart vervangen?
Voor diagrammen die goed als tekst te beschrijven zijn kan het een alternatief zijn. Voor intensief visueel tekenen en specifieke samenwerkingsfuncties moet je de werkprocessen vergelijken.
Waarom ziet mijn diagram er elders anders uit?
Editors kunnen verschillende versies, instellingen en ondersteuning gebruiken. Controleer de documentatie van de omgeving waarin het diagram uiteindelijk moet worden gelezen.
KIJK ZELF MEE
Officiële bronnen
De uitleg verwijst naar de informatie van het project zelf. Functies en voorwaarden kunnen per editie en versie verschillen.
- Officiële website mermaid.js.org
- Documentatie en handleidingen mermaid.js.org
- Broncode en licentie github.com
Uitleg gecontroleerd op 6 oktober 2026. Laatste linkcontrole: 6 oktober 2026. Een broncontrole is geen onafhankelijke producttest.
VERDER ONTDEKKEN
Ook het bekijken waard
Gerelateerd op categorie of toepassing; niet noodzakelijk dezelfde functies.
