Avancé

Diagrammes Mermaid

Créez des organigrammes, des diagrammes de séquence, des diagrammes de Gantt et plus encore en utilisant une syntaxe simple basée sur le texte.

Introduction

Mermaid est un outil de création de diagrammes basé sur JavaScript qui utilise une syntaxe inspirée de Markdown. Utilisez un bloc de code délimité avec l'identifiant de langage mermaid pour créer des diagrammes.

Remarque : Le rendu Mermaid nécessite la prise en charge de votre éditeur ou rendu Markdown. Des outils comme Obsidian, GitHub, GitLab et bien d'autres le prennent en charge nativement.

Organigrammes

Utilisez graph TD (haut-bas) ou graph LR (gauche-droite) pour créer des organigrammes.

Start
Is it working?
Yes
Great!
No
Debug
End

Diagrammes de séquence

Les diagrammes de séquence montrent les interactions entre les participants au fil du temps.

UserAppDB
→ Login request
→ Check credentials
← User found
← Login successful

Diagrammes de Gantt

Les diagrammes de Gantt visualisent les calendriers de projet. Définissez des sections et des tâches avec des durées.

Project Timeline

Wireframes
Mockups
Frontend
Backend