Créateur de diagrammes ERD

Définir les entités

Les noms d’entités, les champs et les relations restent dans ce navigateur. Pendant le parcours, cet onglet conserve le projet dans le stockage de session pendant 30 minutes au maximum. Il n’entre jamais dans Livewire ni dans l’URL.

Définir les entités et les champs

Partez d’un modèle ou construisez un modèle compact. Les noms d’entités et de champs utilisent des lettres, chiffres et traits de soulignement afin que le Mermaid généré reste portable.

Cet éditeur vous permet de construire un diagramme entité-association avec des champs structurés plutôt qu’avec une définition en texte libre : entités, noms et types de champs, rôles visuels PK et FK, relations et cardinalités. Partez du modèle boutique, blog ou d’un projet vide. À partir de ces informations, l’outil génère du code Mermaid et un diagramme exportable localement en SVG ou PNG. Votre projet reste uniquement dans le sessionStorage de cet onglet pendant 30 minutes au maximum et ne passe ni par l’URL, ni par Livewire, ni par un serveur.

Comment créer un diagramme ERD

  1. 1

    Partez d'un modèle ou d'un projet vide

    Choisissez boutique, blog ou un projet vide. Les modèles ne sont que des points de départ et restent entièrement modifiables.

  2. 2

    Définissez les entités et les champs

    Créez jusqu'à 12 entités, avec 20 champs au plus par entité. Renseignez le nom et le type de chaque champ, puis marquez les rôles PK ou FK si nécessaire.

  3. 3

    Ajoutez relations et cardinalités

    Reliez les entités concernées et choisissez leur cardinalité. Le diagramme et le code Mermaid sont créés à partir de cette structure.

  4. 4

    Copiez ou exportez localement

    Copiez Mermaid ou exportez le diagramme en SVG ou PNG. Pour reprendre le travail plus tard, exportez le projet en JSON puis importez-le localement.

Ce que vous pouvez modéliser dans l’éditeur

Élément Limite ou fonction
Entités Jusqu’à 12 par projet
Champs Jusqu’à 20 par entité, avec un nom et un type
Rôles de clé Les PK et FK sont signalées visuellement dans le diagramme
Relations Liens entre entités avec cardinalités
Point de départ Modèles boutique et blog, ou projet vide

Les entrées sont des champs de formulaire structurés. L’éditeur n’est pas un analyseur DBML ou SQL et n’importe pas de schémas de base de données dans ces formats.

À quoi ressemble l’export Mermaid

L’éditeur génère du code Mermaid au format erDiagram à partir de vos entités et relations. Un résultat simplifié peut ressembler à ceci :

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

Vous ne modifiez pas directement ce code. Changez plutôt les entités, champs et relations dans l’éditeur, puis copiez le Mermaid généré pour l’ajouter à une documentation ou à du Markdown.

Méthode simple pour un petit modèle de données

  1. Commencez par le modèle le plus proche de votre besoin ou par un projet vide.
  2. Nommez les entités d’après les éléments que votre système stocke, par exemple client, commande ou article.
  3. Ajoutez des champs avec des types utiles et marquez les clés primaires ou étrangères lorsqu’elles jouent un rôle dans le modèle.
  4. Créez chaque relation avec sa cardinalité et vérifiez le diagramme obtenu.
  5. Copiez Mermaid pour la documentation ou exportez SVG et PNG pour une présentation.

Exportation et conservation locale

  • Mermaid : code erDiagram copiable pour les rendus Markdown compatibles.
  • SVG : graphique vectoriel redimensionnable pour la documentation et les outils de conception.
  • PNG : image pour les diapositives et autres destinations matricielles.
  • JSON : export local du projet à réimporter ensuite dans cet éditeur.

Le projet en cours vit uniquement dans le sessionStorage de l’onglet actif et expire au plus tard après 30 minutes. Pour le garder en dehors de cet onglet, exportez-le explicitement au format JSON.

Limites à prévoir

L’éditeur est conçu pour des modèles compacts. Il n’accepte ni entrée SQL ni DBML, ne produit pas de SQL et ne permet pas de déplacer ou de réordonner les nœuds. La disposition du diagramme est calculée automatiquement à partir de la structure. Pour une grande base de données, il est plus lisible de créer un projet par domaine ou contexte.

Questions fréquentes

Non. L’éditeur travaille avec des entités, champs et relations structurés, et n’analyse ni DBML ni SQL. Il peut uniquement importer un fichier JSON précédemment exporté localement depuis ce même éditeur.

Non. La disposition est calculée automatiquement depuis la structure du modèle. Vous pouvez modifier les entités, champs, relations et cardinalités, mais pas déplacer ou trier manuellement les nœuds.

Non. Le contenu du projet reste exclusivement dans le sessionStorage de cet onglet pendant 30 minutes au maximum. Il n’est envoyé ni dans l’URL, ni à Livewire, ni à un serveur. Les exports et imports JSON se font localement dans votre navigateur.

Un projet peut contenir jusqu’à 12 entités, avec jusqu’à 20 champs chacune. Cette limite aide à garder le modèle et le diagramme produit lisibles.

L’éditeur produit du code Mermaid au format erDiagram à partir de votre modèle. Vous pouvez le copier pour afficher le diagramme dans un contexte Markdown compatible, tandis que la modification se fait toujours par les champs structurés de l’outil.

Outils similaires