Mermaid ER-Diagramm-Viewer
Mermaid erDiagram-Code einfügen und Ihr Datenbankschema sofort in der Vorschau anzeigen. Export als SVG oder PNG. Kostenloses ER-Diagramm-Tool nur im Browser.
Geben Sie Mermaid-Code ein, um Ihr Diagramm in der Vorschau anzuzeigen
Entity Relationship (ER)-Diagramme sind die Standardnotation zur Visualisierung von relationalen Datenbankschemata. Sie zeigen Entitäten (Tabellen), ihre Attribute (Spalten) und die Beziehungen zwischen ihnen – Eins-zu-Eins, Eins-zu-Viele, Viele-zu-Viele. Die `erDiagram`-Syntax von Mermaid bringt ER-Diagramme in die Welt des Text-als-Code, wodurch es einfach wird, Datenbankschemata in READMEs, ADRs (Architecture Decision Records) und Pull-Request-Beschreibungen zu dokumentieren. Wenn Datenbankingenieure oder Backend-Entwickler KI-Assistenten bitten, ein Schema zu entwerfen – 'Erstellen Sie eine Datenbank für eine E-Commerce-Plattform mit Benutzern, Produkten und Bestellungen' – enthält die Antwort oft ein Mermaid ER-Diagramm. Das Einfügen dieses Codes in Zolkit ermöglicht es Ihnen, sofort zu überprüfen, ob die Beziehungen und Kardinalitäten die beabsichtigten Geschäftsregeln widerspiegeln. Der ER-Diagramm-Viewer von Zolkit unterstützt die `erDiagram`-Syntax von Mermaid vollständig, einschließlich Entitätsdefinitionen mit typisierten Attributen, Primär- und Fremdschlüssel-Annotationen, Beziehungslinien mit Krähenfußnotation und Inline-Beziehungsbeschriftungen. Er wird von Backend-Entwicklern, Datenbankarchitekten und technischen Redakteuren verwendet, um Schemata zu dokumentieren, ohne den Browser verlassen zu müssen.
Kostenloser Online Mermaid Diagramm-Viewer und Exporter
Der Mermaid Diagramm-Viewer von Zolkit ermöglicht es Ihnen, beliebigen Mermaid-Code einzufügen und sofort ein gerendertes Diagramm anzuzeigen – keine Installation, keine Anmeldung, kein Hochladen auf Server. Alles läuft in Ihrem Browser, was ihn zur schnellsten Methode macht, um KI-generierte Diagramme von Claude, ChatGPT oder Gemini zu überprüfen. Unterstützt alle gängigen Mermaid-Diagrammtypen: Flussdiagramme, Sequenzdiagramme, Klassendiagramme, ER-Diagramme, Gantt-Diagramme, Zustandsdiagramme, Mindmaps, Git-Graphen, Tortendiagramme und Zeitachsen.
Sofortige Live-Vorschau
Diagramme werden automatisch während der Eingabe gerendert, mit einer Verzögerung von 300 ms, sodass es sich nie träge anfühlt.
100% privat
Das gesamte Rendering findet in Ihrem Browser mit mermaid.js statt. Ihr Code wird niemals an einen Server gesendet.
SVG & PNG Export
Laden Sie Ihr Diagramm als scharfes Vektor-SVG oder als hochauflösendes 2× PNG herunter, bereit für Dokumente und Präsentationen.
Alle Mermaid Diagrammtypen
Unterstützt Flussdiagramme, Sequenzdiagramme, Klassendiagramme, ER-Diagramme, Gantt-Diagramme, Mindmaps, Git-Graphen und mehr.
Bereit für KI-Diagramme
Gebaut für das KI-Zeitalter – Vorschau von Diagrammen, die von Claude, ChatGPT, Gemini oder jedem LLM generiert wurden.
Immer kostenlos
Kein Konto erforderlich, keine Nutzungslimits, keine Wasserzeichen. Zolkit's Mermaid-Viewer ist für immer komplett kostenlos.
So zeigen Sie ein Mermaid-Diagramm in der Vorschau an
- 1
Fügen Sie Ihren Mermaid-Code in den Editor auf der linken Seite ein – Sie können ihn von einem KI-Assistenten kopieren oder manuell schreiben.
- 2
Das Diagramm wird sofort im Vorschaufenster auf der rechten Seite gerendert. Bei einem Syntaxfehler erklärt eine Meldung das Problem.
- 3
Klicken Sie auf 'SVG exportieren' oder 'PNG exportieren', um Ihr Diagramm als Datei herunterzuladen, die für Dokumentationen, Präsentationen oder zum Teilen bereit ist.
Häufig gestellte Fragen
Welche Kardinalitätssymbole verwendet Mermaid für ER-Diagramme?
Mermaid verwendet die Krähenfußnotation: `||--||` für genau eins zu genau eins, `||--o{` für genau eins zu null oder viele, `}o--o{` für null oder viele zu null oder viele und `||--|{` für genau eins zu eins oder viele. Diese werden als Standard-Krähenfußsymbole auf den Beziehungslinien gerendert, wodurch die Kardinalität sofort lesbar wird.
Wie kennzeichne ich Primärschlüssel und Fremdschlüssel in Mermaid ER-Diagrammen?
Fügen Sie `PK` oder `FK` nach dem Spaltentyp in der Entitätsdefinition hinzu: `int id PK` für einen Primärschlüssel, `int userId FK` für einen Fremdschlüssel. Sie können auch `UK` für eindeutige Schlüssel hinzufügen. Diese Annotationen erscheinen als Beschriftungen innerhalb des Entitätsfeldes und sind unerlässlich, um die relationale Struktur des Schemas zu kommunizieren.
Kann ich eine Viele-zu-Viele-Beziehung in Mermaid ER-Diagrammen dokumentieren?
Ja. Stellen Sie Viele-zu-Viele-Beziehungen direkt mit `}o--o{` oder über eine Verbindungsentität dar. Die Verwendung einer Verbindungsentität (wie ORDER_ITEM zwischen ORDER und PRODUCT) ist normalerweise eine bessere Praxis, da sie das reale Schema-Design genauer modelliert und es Ihnen ermöglicht, Attribute zur Beziehung selbst hinzuzufügen, wie z. B. Menge oder Preis.
Was ist der beste Weg, Mermaid ER-Diagramme in einem Projekt zu verwenden?
Fügen Sie das ER-Diagramm als Mermaid-Codeblock in Ihr Projekt-README oder eine dedizierte `SCHEMA.md`-Datei ein. GitHub, GitLab und Notion rendern alle Mermaid nativ, sodass das Diagramm mit dem Code synchron bleibt. Aktualisieren Sie das Diagramm, wann immer Sie eine Migration durchführen – behandeln Sie es als lebendige Dokumentation und nicht als einmaliges Artefakt.