Javascript: Schnell Diagramme erstellen mit Mermaid

Mit dem freien Javascript-Modul Mermaid lassen sich mit einer einfachen Textsyntax Diagramme erstellen. Sie eignen sich besonders für den Einsatz im Web.

9. April 2022 um 09:39 Uhr / Von Claus Godbersen

Meerjungfrau zu werden ist schwer. Mit Mermaid Diagramme zu erstellen, ist hingegen ganz einfach. Bild: Joseph Prezioso/AFP via Getty Images)

Wer hin und wieder kleine bis mittelgroße Infografiken wie Fluss-, Torten- oder Gantt-Diagramme im Web veröffentlicht, muss dafür nicht unbedingt Bilddateien mithilfe lizenzpflichtiger Standalone-Software erstellen. Das Javascript-Modul Mermaid reicht in vielen Fällen schon aus.

Mermaid wandelt nach einem bestimmten Muster aufgebaute Texte automatisch in Diagramme um. Dieser Diagramm-Quellcode kann ganz einfach direkt in eine HTML-Datei geschrieben werden.