Qu'est-ce que la sirène ?
Mermaid est un outil de création de diagrammes et de graphiques basé sur JavaScript qui restitue des définitions de texte inspirées de Markdown pour créer et modifier des diagrammes de manière dynamique. Il prend en charge les organigrammes, les diagrammes de séquence, les diagrammes de classes, les diagrammes d'état, les diagrammes de Gantt, les diagrammes circulaires, les diagrammes ER et les cartes mentales. Mermaid est largement utilisé dans la documentation, les fichiers README et les wikis techniques.
Comment utiliser cet éditeur de sirène
- 1Tapez ou collez la syntaxe Mermaid dans le panneau de l'éditeur sur la gauche.
- 2L’aperçu du diagramme se met automatiquement à jour au fur et à mesure que vous tapez.
- 3Choisissez un thème (par défaut, sombre, forêt, neutre) pour modifier le style du diagramme.
- 4Cliquez sur des exemples de boutons pour charger des exemples de diagrammes pour différents types de graphiques.
- 5Exportez votre diagramme au format SVG (vecteur) ou PNG (raster) à l'aide des boutons d'exportation.
Cas d'utilisation courants
Créer des diagrammes d'architecture
Esquissez rapidement des diagrammes d'architecture système, de flux de données ou de déploiement à l'aide d'une syntaxe de texte simple.
Générer des diagrammes de séquence
Documentez les interactions API, les flux d’authentification ou les modèles de communication des microservices.
Planification de projet avec des diagrammes de Gantt
Visualisez les délais du projet, les dépendances des tâches et les jalons.
Questions fréquentes
Cet outil fonctionne-t-il hors ligne ?
Oui. Une fois la page chargée, tout le rendu des diagrammes se produit dans votre navigateur. Aucune connexion Internet n'est nécessaire pour les modifications ultérieures.
Quels types de diagrammes sont pris en charge ?
Organigrammes, diagrammes de séquence, diagrammes de classes, diagrammes d'état, diagrammes de Gantt, diagrammes circulaires, diagrammes ER, cartes mentales, etc. Consultez la documentation Mermaid pour la liste complète.