Comment définir les dépendances des tâches dans un diagramme de Gantt Mermaid ?

Utilisez le mot-clé `after` pour référencer un identifiant de tâche précédent : `Frontend : b1, after a1, 10d`. La tâche b1 commencera immédiatement après la fin de la tâche a1. Vous pouvez chaîner plusieurs dépendances. Les identifiants de tâche sont définis après le nom de la tâche et avant la date de début. Si aucun identifiant n'est spécifié, la tâche ne peut pas être référencée comme dépendance.

Comment ajouter des jalons à un diagramme de Gantt Mermaid ?

Définissez une tâche avec `milestone` comme type et `0d` comme durée : `Release : milestone, after testing, 0d`. Les jalons sont rendus sous forme de losanges sur la chronologie de Gantt, rendant les points de livraison clés ou les points de décision visuellement distincts des tâches régulières. Ils sont utiles pour marquer les versions, les approbations du conseil ou les points de contrôle go/no-go.

Quels formats de date sont pris en charge par Mermaid Gantt ?

Le format le plus courant est `AAAA-MM-JJ` (par exemple, `2024-03-15`), déclaré en haut avec `dateFormat YYYY-MM-DD`. Mermaid prend également en charge `MM/JJ/AAAA`, `JJ-MM-AAAA` et les horodatages Unix. Les durées sont exprimées en jours (`10d`), heures (`8h`) ou semaines (`2w`). Déclarez toujours `dateFormat` avant toute date de tâche.

Comment marquer les tâches comme critiques ou terminées ?

Ajoutez des mots-clés de statut avant l'identifiant de la tâche : `crit` marque une tâche comme critique (rendue en rouge), `done` la marque comme terminée (rendue pleine), et `active` la marque comme en cours. Vous pouvez les combiner : `crit, done` pour une tâche critique terminée. Ces indices visuels rendent les diagrammes de Gantt utiles pour les rapports d'état et les revues de progression.

Visualiseur de diagrammes de Gantt Mermaid

Générez instantanément des diagrammes de Gantt Mermaid dans votre navigateur. Visualisez les échéanciers de projet et exportez en SVG ou PNG. Gratuit, sans installation.

Code Mermaid

Aperçu

Entrez du code Mermaid pour prévisualiser votre diagramme

Les diagrammes de Gantt visualisent les plannings de projet en cartographiant les tâches sur un axe temporel, en indiquant les dates de début, les durées, les dépendances et les jalons. La syntaxe `gantt` de Mermaid permet aux chefs de projet et aux responsables de l'ingénierie de rédiger un calendrier sous forme de texte brut et de le rendre n'importe où sans outil de gestion de projet dédié. Les assistants IA sont de plus en plus utilisés pour la planification de projet — les développeurs demandent à Claude ou ChatGPT de créer un plan de sprint de 6 semaines pour la création d'un système d'authentification utilisateur et reçoivent un diagramme de Gantt Mermaid structuré. Coller la sortie dans Zolkit vous permet de revoir le plan, d'identifier les conflits de planification et de l'exporter pour une présentation aux parties prenantes avant de vous engager dans un outil de gestion de projet. Les diagrammes de Gantt Mermaid prennent en charge les sections de tâches, le positionnement basé sur les dates, les tâches séquentielles et parallèles avec des dépendances `after`, les marqueurs de jalons et les tâches marquées comme `done`, `active` ou `crit` (chemin critique). Le visualiseur de Zolkit rend fidèlement toutes ces constructions et exporte le diagramme au format SVG pour une reproduction exacte dans les présentations et la documentation.

Diagrammes Associés

← Visualiseur de Diagrammes Mermaid Visualiseur de diagrammes de chronologie Mermaid Visualiseur de diagrammes de flux Mermaid Visualiseur de diagrammes circulaires Mermaid

Visualiseur et Exportateur Gratuit de Diagrammes Mermaid en Ligne

Le Visualiseur de Diagrammes Mermaid de Zolkit vous permet de coller n'importe quel code Mermaid et de voir un diagramme rendu instantanément — aucune installation, aucune inscription, aucun téléversement sur serveur. Tout s'exécute dans votre navigateur, ce qui en fait le moyen le plus rapide de vérifier les diagrammes générés par IA depuis Claude, ChatGPT ou Gemini. Prend en charge tous les principaux types de diagrammes Mermaid : organigrammes, diagrammes de séquence, diagrammes de classes, diagrammes ER, diagrammes de Gantt, diagrammes d'états, cartes mentales, graphes Git, diagrammes circulaires et chronologies.

Aperçu Instantané en Direct

Les diagrammes sont rendus automatiquement pendant que vous tapez, avec un délai de 300 ms pour qu'il ne soit jamais lent.

100% Privé

Tout le rendu se fait dans votre navigateur à l'aide de mermaid.js. Votre code n'est jamais envoyé à aucun serveur.

Exporter SVG & PNG

Téléchargez votre diagramme en tant que SVG vectoriel net ou PNG 2× haute résolution prêt pour vos documents et présentations.

Tous les Types de Diagrammes Mermaid

Prend en charge les organigrammes, diagrammes de séquence, diagrammes de classes, diagrammes ER, diagrammes de Gantt, cartes mentales, graphes Git, et plus encore.

Prêt pour les Diagrammes IA

Conçu pour l'ère de l'IA — prévisualisez directement les diagrammes générés par Claude, ChatGPT, Gemini, ou tout LLM.

Toujours Gratuit

Aucun compte requis, aucune limite d'utilisation, aucun filigrane. Le visualiseur Mermaid de Zolkit est entièrement gratuit pour toujours.

Comment Prévisualiser un Diagramme Mermaid

1
Collez votre code Mermaid dans l'éditeur à gauche — vous pouvez le copier depuis un assistant IA ou l'écrire manuellement.
2
Le diagramme est rendu instantanément dans le panneau d'aperçu à droite. S'il y a une erreur de syntaxe, un message explique le problème.
3
Cliquez sur 'Exporter SVG' ou 'Exporter PNG' pour télécharger votre diagramme sous forme de fichier prêt pour la documentation, les présentations ou le partage.