Mermaid Viewer

Live Preview

Rendern Sie Mermaid-Code sofort als Diagramm während der Eingabe, beseitigen damit manuelle Render-Schritte und optimieren das visuelle Feedback für eine schnellere Iteration.

AI‑Assisted Coding

Ein „Generate with GPT‑4“-Button übersetzt natürliche Sprachbeschreibungen in Mermaid‑Syntax, beschleunigt die Diagrammerstellung und senkt die Lernkurve neuer Anwender.

Smart Export

Exportiert Diagramme als SVG, PNG, JPG, PDF oder Markdown mit DPI‑Steuerung und Thema-Auswahl, um hochwertige Ressourcen für Dokumentation oder Präsentationen bereitzustellen.

Smart Debugging

Markiert Syntaxfehler in Echtzeit und bietet automatische Korrekturvorschläge, verbessert die Codequalität und reduziert die Frustration beim Diagramm-Authoring.

Real‑time Collaboration

Teilen Sie Live‑Editor‑Links mit Kollegen, ermöglichen simultane Bearbeitung und sofortige visuelle Updates, fördern agiles Teamwork an komplexen Diagrammprojekten.

Privacy First

Daten bleiben lokal im Browser gespeichert; Diagramme werden nicht an externe Server gesendet, was die Privatsphäre der Nutzer schützt und datenempfindliche Workflows einhält.

No Signup

Benutzer können sofort Diagramme erstellen, ohne ein Konto anzulegen, was die Einstiegshürde senkt und schnellen Zugriff für schnelle Prototypen bietet.

• Studenten: Erstellt akademische Flussdiagramme und Zeitachsen mit Mermaid Viewer online kostenlos, sofortige Vorschau ohne Anmeldung.
• Entwickler: Integriert das Mermaid Viewer VSCode‑Plugin, um Diagramme direkt im Code‑Editor zu rendern und die Dokumentation zu verbessern.
• Projektmanager: Exportiert Gantt‑Diagramme und Git‑Graphen als hochauflösende PNG oder SVG aus Mermaid Viewer kostenlos und teilt sie schnell.
• Kollaborative Teams: Teilt Live‑Bearbeitungslinks in Mermaid Viewer online, um Zustandsdiagramme in Echtzeit gemeinsam zu erstellen.

Wie speichere ich meine Diagramme?

Mermaid Viewer ermöglicht es Benutzern, ihre Kreationen direkt aus dem Editor herunterzuladen. Nachdem Sie ein Diagramm erstellt haben, klicken Sie auf die Schaltfläche „Exportieren“ und wählen ein Format wie SVG, PNG oder PDF. Jedes Format lässt sich vor dem Speichern hinsichtlich Auflösung, DPI und hellem oder dunklem Theme anpassen, sodass die Datei für Archivierung oder Präsentation bereit ist.

Wie teile ich Diagramme mit meinem Team?

Um ein Diagramm zu teilen, kopieren Sie einfach den von Mermaid Viewer erstellten einzigartigen Freigabe-Link. Fügen Sie diesen Link in eine E‑Mail, im Chat oder in einer Kollaborationsplattform ein. Empfänger mit dem Link können das Diagramm in ihrem Browser öffnen, bearbeiten, sofern die Berechtigungen erteilt sind, oder es in ihrem bevorzugten Format herunterladen, ohne etwas installieren zu müssen.

Welche Diagrammtypen werden unterstützt?

Mermaid Viewer unterstützt eine umfassende Palette von Diagrammtypen, die vollständig Mermaid‑kompatibel sind. Dazu gehören Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER‑Diagramme, Gantt‑Diagramme, Kreisdiagramme, Anforderungsdiagramme, Git‑Graphen, C4‑Diagramme, Mind‑Maps und Zeitleisten‑Diagramme. Jeder Typ folgt der Standard-Mermaid‑Syntax und ermöglicht eine sofortige Darstellung im Editor.

Muss ich etwas installieren?

Für die Nutzung des Online‑Mermaid Viewer ist keine Installation erforderlich. Alle Render-, Edit- und Exportfunktionen laufen vollständig im Webbrowser und benötigen keine lokalen Editoren oder Plugins. Benutzer greifen über jedes Gerät — Windows, macOS, Linux oder Mobilgeräte — einfach über die Mermaid Viewer‑Website auf den Editor zu.

Wie exportiere ich hochqualitative Diagramme?

Hohe Auflösungen werden erzielt, indem Sie die Option „Exportieren“ wählen und ein Format wie SVG, PNG oder PDF auswählen. Der Editor erlaubt die Anpassung der DPI‑Einstellungen und die Auswahl zwischen hellem oder dunklem Modus, um Markenkonformität oder Präsentationsbedürfnisse zu erfüllen. Bei Premium‑Plänen sind hochauflösende PNGs ohne Wasserzeichen verfügbar, und weitere Formate wie JPG und SVG stehen zur Verfügung.

Kann ich in Echtzeit an einem Diagramm zusammenarbeiten?

Mermaid Viewer bietet Echtzeit‑Kollaborationstools. Durch das Versenden eines Live‑Bearbeiten‑Links können mehrere Benutzer gleichzeitig dasselbe Diagramm bearbeiten. Änderungen werden sofort für alle Teilnehmer angezeigt und Versionskonflikte werden vermieden, wodurch die Zusammenarbeit an gemeinsamen Architektur‑ oder Prozessdiagrammen verbessert wird.

Werden meine Daten auf dem Server gespeichert?

Mermaid Viewer ist auf Privatsphäre ausgelegt. Alle Diagrammdaten und der Code verbleiben innerhalb der Browser‑Session des Nutzers. Die Plattform speichert keinerlei nutzergenerierte Inhalte, es sei denn, der Nutzer entscheidet explizit, ein Diagramm über die Versionshistorie eines kostenpflichtigen Plans zu speichern. So bleibt sensible Projektinformation geschützt und privat.

Wie benutze ich Mermaid Viewer mit VS Code?

Mermaid Viewer lässt sich über eine offizielle Erweiterung mit VS Code integrieren. Nach der Installation ermöglicht die Erweiterung eine Live‑Vorschau von Mermaid‑Diagrammen direkt im Editor, mit einem Live‑Vorschautab, der sich beim Tippen aktualisiert. Außerdem unterstützt sie den Export in verschiedene Formate und nutzt dieselben KI‑Generierungsfunktionen, die auch auf der Online‑Plattform verfügbar sind.

Mermaid Viewer ist ein Online-Diagramm-Editor, mit dem Benutzer Mermaid-Code schreiben, eine Live-Vorschau in Echtzeit sehen, Diagramme teilen und sie in SVG/PNG/Markdown exportieren können – alles ohne Registrierung.

• Fügen Sie Mermaid‑Syntax in die Editor‑Ansicht ein oder geben Sie sie ein; im rechten Vorschau-Bereich wird das Diagramm beim Tippen gerendert und sofort visualisiert.
• Verwenden Sie die Schaltfläche „Generate with GPT‑4“, um natürliche Sprachbeschreibungen in Mermaid‑Code umzuwandeln; bearbeiten Sie das Ergebnis direkt oder verfeinern Sie es manuell.
• Passen Sie im Export‑Bereich Theme und DPI an; wählen Sie Hell‑ oder Dunkelmodus, geben Sie die Auflösung für SVG oder PNG an und klicken Sie auf „Export“, um das Bild herunterzuladen.
• Teilen Sie Ihr Diagramm, indem Sie auf die Schaltfläche „Share“ klicken; kopieren Sie den Link oder den Einbettungscode, damit Mitwirkende gemeinsam bearbeiten oder das Live‑Diagramm ansehen können.
• Wenn Sie offline oder auf einem lokalen Server arbeiten, laden Sie die Mermaid Viewer‑App für Windows, macOS oder Linux herunter; starten Sie die ausführbare Datei und nutzen Sie dieselbe Editor‑Schnittstelle.
• Überprüfen Sie die Syntaxhervorhebung und automatische Korrekturvorschläge in Echtzeit; Fehler heben sich im Editor ab und können vor dem Export behoben werden.