Éditeur Mermaid en ligne (diagrammes par texte)
Collez ou écrivez le code Mermaid. L’aperçu se met à jour pendant que vous tapez et les exemples montrent les types de diagrammes.
Mode d’emploiÉcrivez le diagramme, voyez le dessin
flowchart LR
A[Ideia] --> B{Vale a pena?}
B -- sim --> C[Planejar]
B -- não --> D[Arquivar]
C --> E[Executar] --> F((Pronto))sequenceDiagram
Cliente->>Loja: Faz o pedido
Loja-->>Cliente: Confirma por e-mailpie title Où va le budget
"Aluguel" : 35
"Equipe" : 40
"Marketing" : 15
"Outros" : 10journey
title Achat sur le site
section Découverte
Trouve la boutique sur Google: 4: Client
Voit les produits: 5: Client
section Achat
Remplit l’adresse: 2: Client
Paie: 3: ClientquadrantChart
title Priorité des tâches
x-axis Pouco esforço --> Muito esforço
y-axis Pouco impacto --> Muito impacto
quadrant-1 Planifier
quadrant-2 Faire tout de suite
quadrant-3 Remettre à plus tard
quadrant-4 Repenser
Nouveau site: [0.7, 0.85]
Post Instagram: [0.2, 0.6]
Changer le logo: [0.6, 0.3]gitGraph
commit
branch nouvel-ecran
checkout nouvel-ecran
commit
commit
checkout main
merge nouvel-ecran
commit
Disponible en: 
Éditeur Mermaid en ligne (diagrammes par texte): à quoi ça sert
Écrivez ou collez du code Mermaid et voyez le diagramme se mettre à jour pendant que vous tapez. Les boutons d’exemple montrent un organigramme, une séquence, un camembert, un parcours utilisateur, un quadrant et un graphe git, et l’éditeur accepte les autres types de Mermaid, comme les classes, les états, ER, Gantt, la carte mentale et la frise chronologique.
Mode d’emploi
- Écrivez le code Mermaid ou choisissez un exemple.
- Ajustez le texte et consultez l’aperçu.
- Téléchargez en PNG ou SVG ou copiez le code.
Quand l’utiliser
- Tester un diagramme avant de le mettre sur GitHub.
- Documentation technique.
- Faire des graphiques rapides pour une présentation.
Questions fréquentes
Qu’est-ce que Mermaid ?
C’est un langage ouvert pour décrire des diagrammes en texte. GitHub, GitLab, Notion et de nombreux éditeurs de documentation dessinent automatiquement les blocs Mermaid : le même code sert donc dans la documentation du projet.
Quels types de diagrammes peut-on faire ?
Organigramme (flowchart), séquence, classes, états, entité-relation, Gantt, camembert, parcours utilisateur, quadrant, graphe git, carte mentale, frise chronologique et d’autres. Chaque type commence par un mot sur la première ligne, comme flowchart, sequenceDiagram ou pie.
Le code est-il enregistré ?
Oui, il est enregistré et reste ici quand vous revenez. À votre retour, le dernier diagramme s’affiche à nouveau.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.