Übersicht
MermaidViewer ist ein Online-Diagramm-Editor, der die Erstellung und das Teilen von Mermaid-Diagrammen direkt im Webbrowser vereinfacht. Er ersetzt lokale Editoren durch eine sofortige, Echtzeit-Vorschau der Diagramme beim Schreiben.
Hauptzweck und Zielgruppe
- Hauptzweck: Bereitstellung einer benutzerfreundlichen, effizienten und zugänglichen Plattform zur Erstellung, Visualisierung und zum Teilen von Mermaid-Diagrammen.
- Zielgruppe: Entwickler, technische Redakteure, Projektmanager, Lehrkräfte und alle, die Ideen, Prozesse oder Daten mit Mermaid-Syntax visualisieren müssen. Dazu gehören Einzelpersonen, Teams und Unternehmen.
Funktionsdetails und Bedienung
- Live-Vorschau: Visualisiert Änderungen im Mermaid-Code sofort während der Eingabe, wodurch eine separate "Rendern"-Schaltfläche überflüssig wird.
- KI-unterstütztes Coden: Verfügt über eine Schaltfläche „Generate with GPT-4“, um natürliche Sprachbeschreibungen in Mermaid-Code umzuwandeln.
- Smart Export: Ermöglicht das Speichern von Diagrammen in verschiedenen Formaten (SVG, PNG, Markdown) mit anpassbaren DPI-Einstellungen und Unterstützung für Dark/Light Themes.
- Enterprise-Integration: Bietet Private Deployment via Docker und rollenbasierte Zugriffskontrolle für Unternehmen.
- Intelligentes Debugging: Hebt Syntaxfehler hervor und liefert automatische Korrekturvorschläge für schnelle Fehlerbehebung.
- Echtzeit-Zusammenarbeit: Ermöglicht das Teilen von Editor-Links mit Teammitgliedern für gemeinsames Bearbeiten.
- Empfohlene Vorlagen: Bietet eine Bibliothek vorgefertigter Diagramme für verschiedene Anwendungsfälle (z.B. Flowchart, Timeline, Governance Committee Decision Flow, Course Lifecycle, Wireframe Collaboration Flow) für einen schnellen Einstieg.
- Unterstützte Diagrammtypen:
- Flowchart
- Sequence Diagram
- Class Diagram
- State Diagram
- ER Diagram
- User Journey
- Gantt Chart
- Pie Chart
- Requirement Diagram
- Git Graph
- C4 Diagram
- Mind Map
- Timeline
- Keine Anmeldung erforderlich (für Basisnutzung): Nutzer können sofort mit der Diagrammerstellung beginnen, ohne sich registrieren zu müssen.
- Datenschutz an erster Stelle: Daten verbleiben im Browser des Nutzers; keine Diagrammdaten werden auf MermaidViewer-Servern gespeichert.
- Versionsverlauf: (Verfügbar in Starter- und Pro-Tarifen) Verfolgt Änderungen an Diagrammen und erlaubt das Zurücksetzen auf frühere Versionen.
- Persönliche Notizen & Anmerkungen: (Im Pro-Tarif) Ermöglicht das Hinzufügen persönlicher Notizen und Annotationen in Diagrammen.
Vorteile für Nutzer
- Mehr Effizienz: Echtzeit-Vorschau und KI-Unterstützung beschleunigen die Diagrammerstellung erheblich.
- Benutzerfreundlichkeit: Einfache Bedienoberfläche und keine Installation machen das Tool für viele Nutzer zugänglich.
- Verbesserte Zusammenarbeit: Echtzeit-Teilen und gemeinsames Bearbeiten optimieren Teamarbeitsabläufe.
- Hochwertige Ergebnisse: Flexible Exportoptionen gewährleisten professionell aussehende Diagramme für verschiedene Einsatzbereiche.
- Fehlerreduktion: Intelligentes Debugging hilft bei der schnellen Erkennung und Korrektur von Syntaxfehlern.
- Kosteneffizienz: Kostenloser Basis-Tarif für Grundfunktionen, günstige kostenpflichtige Pläne für erweiterte Features.
- Datenschutz: Gewährleistet, dass Nutzerdaten privat bleiben und nicht extern gespeichert werden.
Kompatibilität und Integration
- Browser-basiert: Funktioniert direkt in jedem modernen Webbrowser.
- Exportformate: SVG, PNG, Markdown, JPG, PDF (JPG/PDF im Pro-Tarif).
- Enterprise-Deployment: Private Docker-Deployment-Option zur Integration in Unternehmensinfrastrukturen.
Zugang und Aktivierung
- Zugriff über Webseite: Direkt erreichbar unter mermaidviewer.com.
- Kostenloser Basis-Tarif: Nutzer können sofort ohne Registrierung mit der Diagrammerstellung beginnen.
- Bezahlte Pläne (Starter, Pro): Abonnements monatlich oder jährlich verfügbar, mit zusätzlichen Funktionen wie mehr Diagrammen, KI-Interaktionen, hochauflösenden Exporten, Versionsverlauf und erweiterten Freigabemöglichkeiten. Aktivierung erfolgt durch Auswahl und Abschluss eines Abonnements.
