ER-Diagramm-Generator

Entitäten definieren

Entitätsnamen, Felder und Beziehungen bleiben in diesem Browser. Im Funnel hält dieser Tab das Projekt bis zu 30 Minuten im Sitzungsspeicher. Es gelangt nie in Livewire oder die URL.

Entitäten und Felder definieren

Starte mit einer Vorlage oder erstelle ein kompaktes Modell. Entitäts- und Feldnamen verwenden Buchstaben, Zahlen und Unterstriche, damit das erzeugte Mermaid übertragbar bleibt.

Mit diesem Editor modellieren Sie ein Entity-Relationship-Diagramm strukturiert statt per Freitext: Entitäten, Feldnamen und Feldtypen, visuelle PK- und FK-Rollen sowie Beziehungen mit Kardinalitäten. Starten Sie mit einer Shop- oder Blogvorlage oder einem leeren Modell. Der Editor erzeugt daraus Mermaid-Code und ein Diagramm, das Sie lokal als SVG oder PNG exportieren können. Ihr Projekt bleibt ausschließlich bis zu 30 Minuten im sessionStorage dieses Browser-Tabs und wird weder an eine URL noch an Livewire oder einen Server gesendet.

So erstellen Sie ein ER-Diagramm

  1. 1

    Mit einer Vorlage oder leer starten

    Wählen Sie Shop, Blog oder ein leeres Projekt. Die Vorlage dient nur als Ausgangspunkt und kann vollständig angepasst werden.

  2. 2

    Entitäten und Felder beschreiben

    Legen Sie bis zu 12 Entitäten mit jeweils bis zu 20 Feldern an. Geben Sie jedem Feld einen Namen und einen Typ und markieren Sie es bei Bedarf als PK oder FK.

  3. 3

    Beziehungen und Kardinalitäten festlegen

    Verbinden Sie die passenden Entitäten und wählen Sie die Kardinalität. Das Diagramm und der Mermaid-Code werden aus diesen strukturierten Angaben erzeugt.

  4. 4

    Lokal kopieren oder exportieren

    Kopieren Sie Mermaid oder exportieren Sie das Diagramm als SVG oder PNG. Für ein späteres Weiterarbeiten können Sie das Projekt lokal als JSON exportieren und wieder importieren.

Was Sie im Editor modellieren können

Bestandteil Grenze oder Funktion
Entitäten Bis zu 12 pro Projekt
Felder Bis zu 20 pro Entität, jeweils mit Name und Typ
Schlüsselrollen PK und FK werden im Diagramm visuell gekennzeichnet
Beziehungen Verbindungen zwischen Entitäten mit Kardinalitäten
Startpunkte Vorlagen für Shop und Blog oder ein leeres Projekt

Die Eingaben sind strukturierte Formularfelder. Der Editor ist kein DBML- oder SQL-Parser und importiert keine Datenbankschemas aus diesen Formaten.

So sieht der Mermaid-Export aus

Aus Ihren Entitäten und Beziehungen erzeugt das Tool Mermaid-Code im Format erDiagram. Ein vereinfachtes Ergebnis kann so aussehen:

erDiagram
  CUSTOMER ||--o{ ORDER : places
  CUSTOMER {
    int id PK
    string email
  }
  ORDER {
    int id PK
    int customer_id FK
  }

Sie bearbeiten nicht diesen Code. Ändern Sie stattdessen die Entitäten, Felder und Beziehungen im Editor und kopieren Sie den erzeugten Mermaid-Code, wenn Sie ihn in Markdown oder Dokumentation einfügen möchten.

Praktischer Ablauf für ein kleines Datenmodell

  1. Beginnen Sie mit der Vorlage, die Ihrem Fall am nächsten kommt, oder mit einem leeren Projekt.
  2. Benennen Sie die Entitäten nach den Dingen, die Ihr System speichert, etwa Kunde, Bestellung oder Beitrag.
  3. Fügen Sie Felder mit sinnvollen Typen hinzu und markieren Sie Primär- und Fremdschlüssel dort, wo sie im Modell eine Rolle spielen.
  4. Legen Sie jede Beziehung samt Kardinalität an und prüfen Sie anschließend das Diagramm.
  5. Kopieren Sie Mermaid für die Dokumentation oder exportieren Sie SVG beziehungsweise PNG für eine Präsentation.

Export und lokaler Projektstand

  • Mermaid: kopierbarer erDiagram-Code für kompatible Markdown-Renderer.
  • SVG: skalierbare Vektorgrafik für Dokumentation und Design-Dateien.
  • PNG: Bilddatei für Folien und andere rasterbasierte Ziele.
  • JSON: lokaler Projekt-Export zum späteren Import in diesen Editor.

Der laufende Projektstand liegt nur im sessionStorage des aktuellen Tabs und läuft nach bis zu 30 Minuten ab. Ein JSON-Export ist der passende Weg, wenn Sie die Arbeit bewusst außerhalb dieses Tabs aufbewahren möchten.

Grenzen bewusst einplanen

Der Editor ist für kompakte Modelle gedacht. Er unterstützt keine SQL- oder DBML-Eingabe, generiert kein SQL und bietet weder Ziehen noch manuelles Umordnen von Knoten. Das Diagramm wird automatisch aus der Modellstruktur angeordnet. Bei umfangreichen Datenbanken lohnt es sich, ein Thema oder einen fachlichen Bereich pro Projekt zu skizzieren.

Häufig gestellte Fragen

Nein. Der Editor arbeitet mit strukturierten Entitäten, Feldern und Beziehungen und ist kein DBML- oder SQL-Parser. Importiert werden kann nur eine JSON-Datei, die zuvor aus diesem Editor lokal exportiert wurde.

Nein. Die Darstellung wird automatisch aus der Modellstruktur angeordnet. Sie können Entitäten, Felder, Beziehungen und Kardinalitäten bearbeiten, aber Knoten weder ziehen noch manuell sortieren.

Nein. Der Projektinhalt bleibt ausschließlich im sessionStorage dieses Browser-Tabs, maximal 30 Minuten. Er wird nicht an URLs, Livewire oder einen Server gesendet. Exporte und JSON-Importe erfolgen lokal in Ihrem Browser.

Ein Projekt kann bis zu 12 Entitäten enthalten, jede davon bis zu 20 Felder. Diese Grenze hält das Modell und das erzeugte Diagramm übersichtlich.

Der Editor erzeugt Mermaid-Code im Format erDiagram aus Ihrem Modell. Sie können ihn kopieren, um das Diagramm in einem kompatiblen Markdown-Kontext zu verwenden; die Bearbeitung erfolgt weiterhin über die strukturierten Eingabefelder im Tool.

Verwandte Tools