Zum Inhalt springen

Mermaid

Open-Source-Tool für Diagramme aus Markdown-ähnlicher Textsyntax.

Planung & VorbereitungEinschätzung4/5
Tool öffnen: Mermaid, externe Seite, neues FensterÖffnet mermaid.js.org in einem neuen Fenster
Teilen:
Datenschutz
Gelb: mit Einschränkungen
Preis
Kostenlos
Server
Selbst hosten möglich
Bildungslizenz
Keine Angabe

Worum es geht

Mermaid ist ein Open-Source-Tool, mit dem du Diagramme über eine einfache, Markdown-ähnliche Textsyntax beschreibst und automatisch rendern lässt. Es unterstützt Flowcharts, Sequenz- und Klassendiagramme, Zustandsdiagramme, ER-Diagramme, Gantt-Charts und Pie-Charts. Änderungen im Code aktualisieren sofort das Diagramm. Diagramme können direkt im Browser über den Mermaid Live Editor erstellt und anschließend in Wikis, Markdown-Dateien oder andere Tools eingebettet werden. Besonders geeignet für technische Dokumentation, Software-Design, Projektplanung und Wissensdatenbanken, in denen Diagramme versioniert werden sollen.

Wofür im Alltag

Mermaid eignet sich ideal, um Abläufe, Prozesse und Zusammenhänge visuell darzustellen. Lehrkräfte können damit schnell Flowcharts für Unterrichtsabläufe, Projektpläne als Gantt-Charts oder Wissensstrukturen als Diagramme erstellen, ohne ein komplexes Grafiktool bedienen zu müssen.

Einstieg

Kein Download nötig. Du kannst direkt im Browser über mermaid.live starten. Die Textsyntax ist schnell erlernbar und erinnert an Markdown.

Stärken und Schwächen

Stärken

  • Textbasiert und damit versionierbar in Git
  • Viele Diagrammtypen (Flowchart, Sequenz, Gantt, ER u. a.)
  • Kostenloser Live-Editor im Browser
  • Starke Integration in GitHub, GitLab und Markdown-Umgebungen
  • Schneller Diagramm-Entwurf ohne Installation

Schwächen

  • Kein klassischer WYSIWYG-Editor
  • Lernkurve bei der Textsyntax
  • Feinjustierung von Layout und Styling begrenzt

Datenschutz und Kosten im Detail

Gelb: mit Einschränkungen

Mermaid ist eine Open-Source-Bibliothek (MIT-Lizenz), die lokal oder im Browser läuft. Der Live Editor unter mermaid.live braucht kein Konto. Deine Diagramme bleiben im Browser und stehen nur in der Adresse und im lokalen Speicher. Der Editor sendet anonyme Nutzungsdaten wie den Diagrammtyp an eine selbst betriebene Plausible-Statistik. Einige Exporte und Kroki schicken das Diagramm an Dritte. Die KI-Reparatur und das KI-Eingabefeld im Editor öffnen mermaid.ai und übergeben dabei dein Diagramm an Mermaid Chart in den USA. Für die KI brauchst du dort ein Konto. Im kostenlosen Tarif darf Mermaid Chart deine Inhalte zum Training seiner KI nutzen, und die eingebundenen Sprachmodelle anderer Anbieter können sich das Training mit Eingaben ebenfalls vorbehalten. Deshalb steht die Ampel auf Gelb. Nutze die KI-Funktionen nicht mit personenbezogenen Daten.

Anbieter
Mermaid (Open Source / Knut Sveidqvist)
Server
Selbst hosten möglich
Preis
Kostenlos · Komplett kostenlos und Open Source

Angaben ohne Gewähr. Mit den Angaben des Anbieters ist dieser Eintrag noch nicht abgeglichen. Bitte prüfe Preis, Serverstandort und AVV beim Anbieter.

Die Ampel ist unsere Einschätzung für den Einsatz in Kita und Schule, keine Rechtsberatung. Prüfe vor dem Einsatz die Vorgaben deines Trägers.

Fehler im Eintrag melden

Überzeugt? Dann probiere Mermaid aus.

Öffnet mermaid.js.org in einem neuen Fenster.

Tool öffnen: Mermaid, externe Seite, neues Fenster

Weiterlernen und ausprobieren