Über Mermaid Viewer

Mermaid Viewer ist ein kostenloser Editor für Mermaid-Diagramme, der direkt im Browser läuft. Links schreibst oder fügst du Mermaid-Text ein, rechts erscheint das gerenderte Diagramm während des Tippens.

Das Rendern passiert in deinem Browser. Dein Diagramm wird nicht hochgeladen, nicht gespeichert und nicht auf einem Server verarbeitet — Mermaid läuft als JavaScript auf deinem eigenen Rechner, und eine hineingezogene Datei wird lokal gelesen. Genau deshalb funktioniert das auch für Diagramme, die du in kein gehostetes Werkzeug einfügen würdest: interne Architektur, Systeme mit Kundennamen in den Beschriftungen, alles unter NDA.

Eine Einschränkung, die ich lieber ausspreche als verschweige: Wenn du den Teilen-Link aktivierst, wird das Diagramm in die URL selbst kodiert, und eine URL, die du jemandem schickst, geht über das Netz. Alles andere bleibt auf deinem Rechner.

Ich musste Softwarearchitektur dokumentieren und wollte die Diagramme im Repository direkt neben dem Code haben statt in einem separaten Zeichenprogramm. Mermaid war dafür das naheliegende Format. Was mir fehlte, war eine gute Möglichkeit, sie anzuschauen.

Ich habe nicht erst nach einem Werkzeug gesucht. Ich habe mir das Problem angesehen, es für klein befunden und mir zugetraut, in kurzer Zeit etwas Sauberes zu bauen. Also habe ich das gemacht — der erste Commit an diesem Projekt ist von Januar 2026.

Gebaut habe ich es für mich selbst, für nichts darüber hinaus. Ich wollte ein Diagramm öffnen, es gerendert sehen, in die Stelle hineinzoomen, die mich interessiert, und jemandem einen Link schicken. Andere haben es später gefunden, und das hat verändert, woran ich arbeite — aber nicht, was das Werkzeug ist.

Das Rendern übernimmt Mermaid. Diese Seite ist alles drumherum: ein Live-Editor mit sofortiger Vorschau, Zoom und Verschieben für Diagramme, die nicht auf einen Bildschirm passen, drei Themes, SVG- und PNG-Export, Teilen-Links mit kodierter URL, Drag-and-drop für .mmd- und .mermaid-Dateien und eine Oberfläche in 18 Sprachen.

Die Nutzung ist kostenlos und wird über nicht aufdringliche Werbung finanziert.

Fragen und Fehlermeldungen gehen an dominik@malsch.solutions. Die Betreiberangaben stehen im Impressum.