Texte → Organigramme
Entrez la syntaxe Mermaid et générez des organigrammes instantanément. Sans serveur — traitement 100% local.
Erreur de syntaxe
À propos
Texte → Organigramme est un outil gratuit fonctionnant dans le navigateur qui génère automatiquement des organigrammes, diagrammes de séquence et plus encore à partir de la syntaxe Mermaid.
Tout le rendu est réalisé localement avec Mermaid.js — aucune donnée n'est envoyée à des serveurs externes, idéal pour les flux de travail confidentiels.
Exportez en SVG ou PNG instantanément. Aucune installation nécessaire — ouvrez dans le navigateur et commencez à créer vos diagrammes.
Mode d'emploi
Saisissez le code
Entrez la syntaxe Mermaid dans l'éditeur de gauche. Un diagramme d'exemple est déjà fourni pour vous aider à démarrer.
Visualisez en direct
L'aperçu à droite se met à jour en temps réel. En cas d'erreur de syntaxe, un message d'aide s'affiche.
Enregistrez en SVG ou PNG
Cliquez sur "Enregistrer SVG" ou "Enregistrer PNG" pour télécharger le diagramme directement sur votre appareil.
Glossaire
- Mermaid.js
- Bibliothèque JavaScript qui génère des diagrammes à partir d'une syntaxe textuelle. Officiellement pris en charge dans le Markdown GitHub.
- Organigramme (Flowchart)
- Représentation visuelle d'un processus ou d'un flux de travail. Créé dans Mermaid avec
graph TDougraph LR. - SVG (Scalable Vector Graphics)
- Format d'image vectoriel indépendant de la résolution. Peut être agrandi sans perte de qualité — idéal pour les présentations et l'impression.
- Nœud (Node)
- Chaque élément du diagramme (rectangle, cercle, losange, etc.). Défini dans Mermaid comme
A[Étiquette]. - Arête (Edge)
- La flèche ou la ligne reliant les nœuds. Représentée par
-->(flèche) ou---(ligne). - Diagramme de séquence
- Diagramme illustrant les interactions entre acteurs dans le temps. Créé avec
sequenceDiagram.
Questions fréquentes
- Q.Puis-je utiliser du texte en français dans les nœuds ?
- Oui. Mermaid.js prend en charge l'Unicode, vous pouvez donc utiliser n'importe quelle langue dans les nœuds du diagramme.
- Q.Que faire si le diagramme dépasse la zone d'aperçu ?
- La zone d'aperçu prend en charge le défilement. Vous pouvez aussi changer la direction de "graph TD" (haut-bas) à "graph LR" (gauche-droite) pour ajuster la mise en page.
- Q.Mon diagramme est-il envoyé à un serveur ?
- Non. Tout le rendu est effectué localement dans votre navigateur avec Mermaid.js. Le contenu de votre diagramme n'est jamais transmis à des serveurs externes.
- Q.Quelle est la différence entre SVG et PNG ?
- Le SVG est un format vectoriel qui ne perd pas en qualité lors du zoom — idéal pour les présentations et l'impression. Le PNG est un format raster, pratique pour coller directement dans des documents.
- Q.Puis-je créer d'autres types de diagrammes que les organigrammes ?
- Oui. Mermaid.js prend en charge les diagrammes de séquence (sequenceDiagram), les diagrammes de classes (classDiagram), les diagrammes de Gantt (gantt) et bien plus.
- Q.Le code est-il sauvegardé entre les sessions ?
- La version actuelle ne sauvegarde pas le code entre les sessions. Pour le modifier plus tard, copiez le code Mermaid depuis l'éditeur et sauvegardez-le localement.
Cas d'usage
Documentation système
Documentez les flux d'appels API ou les schémas de bases de données avec Mermaid et intégrez-les dans la documentation technique.
Comptes rendus & flux de travail
Visualisez rapidement les flux de travail ou processus d'approbation de réunions et partagez-les avec votre équipe.
Diapositives de présentation
Quand créer des diagrammes dans PowerPoint prend trop de temps, créez-les dans Mermaid, exportez en PNG et collez dans vos slides.
Matériel pédagogique
Visualisez les étapes d'algorithmes ou des chronologies sous forme d'organigrammes pour créer des supports pédagogiques plus clairs.
Syntaxe Mermaid
Organigramme de base (graph)
graph TD
A[Début] --> B{Condition}
B -->|Oui| C[Traitement A]
B -->|Non| D[Traitement B]
C --> E[Fin]
D --> ERéférence des formes de nœuds
A[Texte] — RectangleB(Texte) — ArrondiC{Texte} — LosangeD((Texte)) — CercleE>Texte] — AsymétriqueF[(BD)] — Base de donnéesEnvoyer des commentaires
Faites-nous part de vos réflexions pour nous aider à améliorer l'outil.
Les commentaires sont temporairement suspendus
Le serveur est occupé ou la protection anti-spam est active. Veuillez réessayer plus tard.