ERD-diagrammaker
Entiteitsnamen, velden en relaties blijven in deze browser. In de funnel bewaart dit tabblad het project maximaal 30 minuten in de sessieopslag. Het komt nooit in Livewire of de URL terecht.
Dit privé-schema is niet beschikbaar of is verlopen. Ga terug naar de eerste stap en maak het opnieuw.
Entiteiten en velden definiëren
Begin met een sjabloon of bouw een compact model. Entiteits- en veldnamen gebruiken letters, cijfers en underscores zodat de gemaakte Mermaid-code overdraagbaar blijft.
Met deze editor modelleer je een entiteit-relatiediagram via gestructureerde velden in plaats van met een vrije tekstdefinitie: entiteiten, veldnamen en veldtypen, visuele PK- en FK-rollen, relaties en cardinaliteiten. Begin met de winkel- of blogsjabloon, of met een leeg project. Op basis daarvan maakt de tool Mermaid-code en een diagram dat je lokaal als SVG of PNG kunt exporteren. Je project blijft uitsluitend maximaal 30 minuten in de sessionStorage van dit browsertabblad en gaat niet naar een URL, Livewire of server.
Zo maak je een ERD-diagram
-
1
Begin met een sjabloon of een leeg project
Kies winkel, blog of een leeg project. De sjablonen zijn alleen een beginpunt en je kunt ze volledig aanpassen.
-
2
Definieer entiteiten en velden
Maak maximaal 12 entiteiten met elk maximaal 20 velden. Geef elk veld een naam en type, en markeer waar nodig de PK- of FK-rol.
-
3
Voeg relaties en cardinaliteiten toe
Verbind de juiste entiteiten en kies de cardinaliteit. Het diagram en de Mermaid-code worden uit die structuur samengesteld.
-
4
Kopieer of exporteer lokaal
Kopieer Mermaid of exporteer het diagram als SVG of PNG. Wil je later verdergaan, exporteer het project dan als JSON en importeer het lokaal opnieuw.
Wat je in de editor kunt modelleren
| Onderdeel | Limiet of functie |
|---|---|
| Entiteiten | Maximaal 12 per project |
| Velden | Maximaal 20 per entiteit, met naam en type |
| Sleutelrollen | PK en FK worden visueel in het diagram gemarkeerd |
| Relaties | Verbindingen tussen entiteiten met cardinaliteiten |
| Startpunt | Sjablonen voor winkel en blog, of een leeg project |
De invoer bestaat uit gestructureerde formuliervelden. De editor is geen DBML- of SQL-parser en importeert geen databaseschema’s in die formaten.
Hoe de Mermaid-export eruitziet
De editor maakt Mermaid-code in de notatie erDiagram op basis van je entiteiten en relaties. Een vereenvoudigd resultaat kan er zo uitzien:
erDiagram
CUSTOMER ||--o{ ORDER : places
CUSTOMER {
int id PK
string email
}
ORDER {
int id PK
int customer_id FK
}
Je bewerkt deze code niet rechtstreeks. Pas in plaats daarvan de entiteiten, velden en relaties in de editor aan, en kopieer de gegenereerde Mermaid-code wanneer je die in documentatie of Markdown wilt opnemen.
Praktische werkwijze voor een klein datamodel
- Begin met het sjabloon dat het dichtst bij je situatie ligt, of met een leeg project.
- Geef entiteiten de naam van wat je systeem opslaat, zoals klant, bestelling of artikel.
- Voeg velden met bruikbare typen toe en markeer primaire en vreemde sleutels waar ze een rol spelen.
- Maak elke relatie met de passende cardinaliteit en controleer daarna het diagram.
- Kopieer Mermaid voor documentatie of exporteer SVG en PNG voor een presentatie.
Export en lokale projectopslag
- Mermaid: kopieerbare
erDiagram-code voor compatibele Markdown-renderers. - SVG: schaalbare vectorafbeelding voor documentatie en ontwerptools.
- PNG: afbeelding voor dia’s en andere rasterbestemmingen.
- JSON: lokale projectexport om later weer in deze editor te importeren.
Het lopende project staat alleen in de sessionStorage van het huidige tabblad en verloopt na maximaal 30 minuten. Wil je het buiten dit tabblad bewaren, exporteer het dan bewust als JSON.
Grenzen om rekening mee te houden
De editor is bedoeld voor compacte modellen. Hij accepteert geen SQL- of DBML-invoer, genereert geen SQL en biedt geen mogelijkheid om knooppunten te slepen of handmatig te herschikken. De diagramindeling wordt automatisch uit de structuur berekend. Voor een grote database blijft het overzichtelijker om per gebied of context een apart project te maken.
Veelgestelde vragen
Nee. De editor werkt met gestructureerde entiteiten, velden en relaties en analyseert geen DBML of SQL. Alleen een JSON-bestand dat eerder lokaal uit deze editor is geëxporteerd, kan worden geïmporteerd.
Nee. De indeling wordt automatisch uit de modelstructuur berekend. Je kunt entiteiten, velden, relaties en cardinaliteiten wijzigen, maar knooppunten niet slepen of handmatig sorteren.
Nee. De projectinhoud blijft uitsluitend maximaal 30 minuten in de sessionStorage van dit tabblad. De inhoud wordt niet naar een URL, Livewire of server gestuurd. Export en JSON-import vinden lokaal in je browser plaats.
Een project kan maximaal 12 entiteiten bevatten, met maximaal 20 velden per entiteit. Die limiet helpt om zowel het model als het gemaakte diagram leesbaar te houden.
De editor maakt Mermaid-code in de notatie erDiagram op basis van je model. Je kunt die code kopiëren om het diagram in compatibele Markdown te gebruiken; je blijft het model bewerken via de gestructureerde velden in de tool.
Gerelateerde tools
Binair naar hex-converter
Converteer binaire invoer naar een gewone uppercase hexwaarde. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.
BBCode naar HTML-converter
Converteer BBCode (bulletin-board markup) naar schone HTML. Verwerkt opmaaktags, lijsten, quotes, code, afbeeldingen, links en tabellen.
HEX-kleurkiezer
Kies of typ een HEX-kleur en krijg RGB, HSL, geschat CMYK, relatieve luminantie en contrast tegen wit en zwart.
Binair naar ASCII-converter
Plak binaire data (spatiegescheiden bytes of een lange bitstream) en krijg de ASCII-tekst die die data vertegenwoordigt. Verwerkt 7-bit en 8-bit encodings.
Binair naar decimaal
Converteer binaire getallen direct naar decimaal. Toont de positionele uitwerking zodat je ziet hoe elke bit bijdraagt.
Kleurenpaletgenerator
Genereer monochromatische, analoge, complementaire, triadische of tetradische paletten vanuit een HEX-basiskleur en exporteer kopieerklare CSS-variabelen.