Typ pijlen als User -> API -> Database en krijg een opgemaakt architectuur- of stroomdiagram. Klap groepen in voor het overzicht, nummer de stappen voor de details.
Sleep blokken om ze te verplaatsen. Dubbelklik om een blok te hernoemen of toe te voegen. Sleep de stip op een blok om te verbinden. Ctrl+Z maakt ongedaan.
Er wordt niets geüpload: het diagram blijft in je browser en in de links die je deelt.
Op een whiteboard teken je elk blok en elke pijl en lijn je alles met de hand uit. Hier typ je wat met wat praat, één regel per pijl, en de opmaak gebeurt vanzelf. Zet verwante diensten in een groep en klap die in tot één blok voor het overzicht; open hem weer voor de details.
Excalidraw is een vrij whiteboard: je plaatst zelf elke vorm en pijl. Hier is de tekst het diagram en is de opmaak automatisch, dus een dienst toevoegen is één regel in plaats van blokken tekenen en opnieuw uitlijnen. Voor een losse schets past Excalidraw beter.
Zet verwante blokken in een groep met Naam { ... }. Overzicht klapt elke groep in tot één blok en voegt de pijlen samen; Details opent ze weer. Je kunt ook één groep tegelijk inklappen via de kop.
Nee. Het wordt in je browser getekend en in de lokale opslag bewaard. Een deellink draagt het diagram in de link zelf, na het teken #, dat browsers nooit naar de server sturen.
Niet rechtstreeks; er is geen Mermaid-import. Gewone regels zoals A -> B werken, maar drie dingen verschillen. Verwijder de kopregel graph TD, anders wordt die een vak, en schrijf in plaats daarvan direction: down. Haal Mermaid-labels tussen vierkante haken weg, want tekst tussen [ ] wordt hier gelezen als vorm- en kleurtags. En --> tekent hier een gestippelde pijl voor een asynchrone aanroep, terwijl het in Mermaid een gewone pijl is; gebruik -> voor een doorgetrokken pijl.
A -> B: tekst zet een label op de pijl, A --> B tekent een gestippelde pijl, A <-> B een pijl in twee richtingen en A <- B wijst achteruit. Naam [db, blue] stelt een vorm en kleur in; de vormen zijn service, db, cache, queue, actor, client, storage, external, decision, terminal en note. title: geeft het diagram een naam, direction: down zet het van boven naar beneden, en een regel die begint met # of // is commentaar. Een diagram bevat maximaal 300 vakken, 600 pijlen en 20.000 tekens tekst.