Utilisez le diagramme en tant que code pour générer un diagramme Lucidchart à l'aide de Mermaid. Une fois que vous avez écrit le code Mermaid, vous pouvez générer automatiquement un diagramme dans votre document Lucid.
Le code Mermaid saisi pour générer un diagramme n'est compatible qu'avec la langue anglaise. Si vous travaillez dans Lucid avec une autre langue, le code devra être traduit en anglais.
Disponibilité du plan : Individuel, équipe et entreprise.
- Disponible sur les comptes FedRAMP.
- Lisez l'article sur les plans Lucid pour plus d'informations sur ce qui est disponible sur votre compte ou l'article sur la mise à niveau de votre compte Lucid pour les instructions de mise à niveau.
Accéder au menu du diagramme en tant que code
Pour accéder au menu du diagramme en tant que code dans Lucidchart, suivez les étapes suivantes :
- Sélectionnez
l'icône Diagramme en tant que code dans la barre d'outils primaire située à l'extrême gauche de l'espace de travail.
Générer un diagramme
Familiarisez-vous avec le processus de diagramme en tant que code en utilisant l'un de nos exemples fournis pour chaque type de diagramme pris en charge. Lorsque vous êtes prêt, générez un diagramme en écrivant votre propre code Mermaid.
Note : Si un diagramme n'est pas généré et que vous voyez une "Erreur de syntaxe. Veuillez vérifier la syntaxe". sous le diagramme en tant qu'éditeur de code, utilisez les numéros de ligne et de colonne fournis pour vous assurer que le code Mermaid est formaté correctement et réessayez.
Utilisez un exemple fourni
Pour créer un diagramme à l'aide des exemples fournis, suivez les étapes suivantes à partir du menu diagramme en tant que code :
- Sélectionnez +Nouveau diagramme de sirène.
- En bas de l'éditeur fourni, cliquez sur l'une des options d'exemple.
- Le code sera automatiquement ajouté à l'éditeur pour le type d'exemple sélectionné.
- Modifiez le code de l'exemple si nécessaire.
- Cliquez sur Générer.
Le diagramme sera généré sur le canevas.
Créez à partir de zéro en utilisant Mermaid
Pour créer un nouveau diagramme à partir de zéro en utilisant le code Mermaid, suivez les étapes suivantes à partir du menu diagramme en tant que code :
- Sélectionnez +Nouveau diagramme de sirène.
- Tapez votre code dans l'éditeur fourni.
- Cliquez sur Générer.
Le diagramme sera généré sur le canevas.
En savoir plus : Pour obtenir des instructions sur la façon de démarrer avec Mermaid, consultez le guide de l'utilisateur de Mermaid du centre d'aide de Mermaid. Le lien fourni vous fait quitter le centre d'aide de Lucid et nous ne pouvons pas garantir l'exactitude du contenu.
Modifier un diagramme
Un diagramme généré à partir d'un code est affiché sous forme d'image sur le canevas et doit être mis à jour en ouvrant et en modifiant le code. Pour ce faire :
- Ouvrez l'éditeur de code associé de l'une des manières suivantes :
- Cliquez sur le diagramme dans le canevas.
- Naviguez jusqu'au menu diagramme en tant que code, parcourez-le et sélectionnez le diagramme que vous souhaitez modifier.
- Cliquez sur l'éditeur et apportez vos modifications.
- Au fur et à mesure que vous effectuez des modifications, le diagramme sur le canevas est mis à jour en temps réel.
Le diagramme sera mis à jour sur le canevas.
Types de diagrammes pris en charge
Les types de diagrammes suivants sont pris en charge par le code Mermaid :
- Classe: Elle décrit la structure d'un système particulier en modélisant ses classes, ses attributs, ses opérations et les relations entre les objets.
- C4: Exploiter les quatre niveaux de modèles (contexte, conteneurs, composants et code) en fonction de votre public.
- Relations entre entités: Représenter visuellement une base de données pour montrer les relations entre les champs.
- Organigramme: Créez des organigrammes faciles à suivre qui couvrent des systèmes et des processus complexes.
- Gantt: représente visuellement le calendrier et l'état d'avancement d'un projet.
- Ishikawa : Créez des diagrammes en arête de poisson pour visualiser les relations de cause à effet lors de l'analyse des causes profondes.
- Treemap imbriqué : Visualisez des structures de données hiérarchiques à l'aide de rectangles imbriqués.
- Graphique radar : Créez un graphique pour comparer plusieurs variables quantitatives sur une grille radiale.
- Séquence: Représenter les processus et les objets qui se déroulent simultanément, ainsi que les messages échangés entre eux pour exécuter une fonction, avant que la ligne de vie ne se termine.
- État: Construisez un diagramme de comportement pour montrer les transitions entre les différents objets.
- Graphique XY : Créez des diagrammes linéaires, des diagrammes en barres ou des diagrammes de dispersion pour visualiser les relations entre les points de données.
Pour en savoir plus : Pour en savoir plus sur la syntaxe Mermaid et sur l'utilisation des diagrammes pris en charge dans Lucidchart, consultez cet article de la communauté Lucid.
FAQ
Quelle version de Mermaid est prise en charge par Lucidchart ?
Lucidchart est optimisé pour supporter la version 11.14 de Mermaid.
Comment puis-je styliser et formater un diagramme que j'ai généré à l'aide du code Mermaid ?
Lorsque vous générez un diagramme dans Lucid à l'aide du code Mermaid, il s'affiche sous forme d'image sur le canevas. Pour modifier le style et le format de votre diagramme, incluez la syntaxe de style Mermaid directement dans le code.
Donnez votre avis sur cet article
Vous avez des commentaires sur cet article ? Racontez-nous votre expérience ici.