--- title: Diagrammes Mermaid slug: diagrammes-mermaid description: Apprenez à créer différents types de diagrammes, y compris les ERD, UML, de classes et de séquences, grâce à l’intégration de Mermaid. Ce document explique comment accéder à Mermaid à l’aide d’un raccourci pratique ou d’une option de menu. Ne manquez pas createdAt: 2020-10-15T08:05:12.000Z --- Une autre option pour créer des diagrammes consiste à utiliser notre intégration [Mermaid](https://mermaid-js.github.io/mermaid/#/). Mermaid est une syntaxe de type markdown pour créer des diagrammes, ERD, UML, classes, séquences et plus encore. Commencez simplement à écrire le raccourci `(mermaid)` ou ajoutez-le directement à partir du menu `/`. Voyez-le en action dans notre diagramme d’exemple ci-dessous 😄 ```mermaid sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! ``` *** ::::LinkArray :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} :FontAwesome[]{icon="fa-solid fa-cubes"} ** Trouver d’autres blocs** Découvrez de nouvelles façons et de nouveaux blocs pour créer des pages de documentation impressionnantes et fonctionnelles. [Découvrez tous les blocs](docId\:zV0Ap2weEDulh9laNqfWE) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} :FontAwesome[]{icon="fa-solid fa-headset"}** Besoin d’aide? ⬇️** Utilisez la **bulle de discussion** **bleue **dans le coin inférieur droit. Ou essayez **Clavardage IA** (à partir du champ de recherche) pour obtenir des réponses rapides. ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} :FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Votre opinion compte** Utilisez le formulaire de rétroaction ci-dessous, anonymement. Ou posez une question dans la **section Q\&R** et notre équipe ou l’AI vous fournira une solution. ::: ::::