ER-Diagramm-Generator
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.
Dieses private Schema ist nicht verfügbar oder abgelaufen. Kehre zum ersten Schritt zurück und erstelle es erneut.
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
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
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
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
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
- Beginnen Sie mit der Vorlage, die Ihrem Fall am nächsten kommt, oder mit einem leeren Projekt.
- Benennen Sie die Entitäten nach den Dingen, die Ihr System speichert, etwa Kunde, Bestellung oder Beitrag.
- Fügen Sie Felder mit sinnvollen Typen hinzu und markieren Sie Primär- und Fremdschlüssel dort, wo sie im Modell eine Rolle spielen.
- Legen Sie jede Beziehung samt Kardinalität an und prüfen Sie anschließend das Diagramm.
- 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
Zufallsbuchstaben-Generator
Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.
Binär-zu-ASCII-Konverter
Fügen Sie Binärdaten (durch Leerzeichen getrennte Bytes oder einen langen Bitstrom) ein und erhalten Sie den ASCII-Text, den sie darstellen. Unterstützt 7-Bit- und 8-Bit-Codierungen.
Zufälliger Farbgenerator
Erzeuge 1 bis 50 zufällige HEX-Farben mit Farbfeldern zum Prüfen, Kopieren und Verwenden in CSS, Tests oder Palettenideen.
Binär zu Dezimal
Konvertieren Sie Binärzahlen sofort in Dezimalzahlen. Zeigt die Positionsausweitung, damit Sie sehen können, wie jedes Bit beiträgt.
JSON-Formatierer
Fügen Sie JSON ein, um es mit 2 oder 4 Leerzeichen lesbar zu formatieren, kompakt zu minifizieren oder vor dem Kopieren schnell die Syntax zu prüfen.
Binär-zu-Hex-Konverter
Konvertiere binäre Eingaben in einen einfachen Hexadezimalwert in Großbuchstaben. Nicht-binäre Zeichen werden ignoriert und führende Nullen bleiben nicht erhalten.