Organisez jalons, évolutions historiques et feuilles de route produit à l’aide de blocs interactifs et d’un rendu SVG instantané.
Prêt.
Faites glisser ou appuyez sur Alt+Haut/Bas
Collez ici une syntaxe Mermaid de chronologie valide. Les modifications visuelles normalisent les espaces et suppriment les commentaires ; copiez d’abord le code commenté.
Le code valide peut être modifié directement et intégré au créateur visuel.
Aperçu en direct
Chronologie du projet
L’aperçu est prêt.
Le diagramme se charge quand cet espace devient visible ou que vous commencez à modifier.
Modèle de syntaxe
Les chronologies ordonnent les événements depuis l’en-tête du diagramme jusqu’aux périodes et jalons. Utilisez cette référence pour écrire la syntaxe, vérifier les erreurs de ligne ou préparer des diagrammes pour une documentation Markdown.
Exemple à copier-coller
Indentez les lignes sous une période avec des espaces suivis de deux-points.
timeline
title Incident Review
Detection : Elevated error rate
: On-call engineer paged
Recovery : Faulty release rolled back
: Service health confirmedExemple à copier-coller
Utilisez le mot-clé section pour séparer visuellement les longues chronologies.
timeline
title Museum Exhibition
section Preparation
Research : Select artifacts : Secure loans
Conservation : Restore pieces : Photograph catalog
section Public Program
Opening week : Press preview : Member night
Closing week : Final tours : Return loansExemple à copier-coller
Ajoutez LR pour un flux horizontal ou TD pour une orientation verticale.
timeline LR
title Migration Plan
Audit : Inventory workloads
Pilot : Move an internal service
Cutover : Move production trafficExemple à copier-coller
Utilisez des entités HTML comme #58; lorsqu’un deux-points appartient à un libellé temporel.
timeline
title Operations Log
Sprint #35;4 #58; 10#58;00 UTC : Deploy at 10:00 : Verify issue #123Sans le mot-clé du diagramme, Mermaid signale une erreur. Commencez la première ligne qui n’est pas un commentaire par timeline, timeline LR ou timeline TD.
Un deux-points non échappé dans un libellé de période peut provoquer une erreur d’analyse. Remplacez-le par #58;.
Exemple erroné
Ouvrez cet exemple pour voir l’erreur persistante, puis ajoutez le mot-clé.
title Release Plan
2026 : Public launchExemple erroné
Remplacez 10:00 par 10#58;00 dans le libellé de période.
timeline
10:00 UTC : Public launchExemple à copier-coller
Organisez jalons, évolutions historiques et feuilles de route produit à l’aide de blocs interactifs et d’un rendu SVG instantané.
Exemple à copier-coller
Idéal pour une séquence brève sans titre ni sous-sections.
timeline
Matin : Réunion d'équipe
Après-midi : Décision enregistréeExemple à copier-coller
Plusieurs jalons regroupés sur un même mois avec des séparateurs deux-points.
timeline
title Conférence Communautaire
Avril : Appel à orateurs : Salle réservée
Juin : Programme publié : Inscriptions ouvertes
Septembre : Journée de conférence : Vidéos en ligneExemple à copier-coller
Les commentaires restent présents dans le code source.
timeline
title Retour d'expérience Incident
Détection : Hausse du taux d'erreur
: Astreinte alertée
Résolution : Version instable annulée
: Métriques rétabliesExemple à copier-coller
Utilisez des sections pour séparer la préparation des jalons publics.
timeline
title Exposition Artistique
section Sélection
Jan : Choix des oeuvres : Signature contrats
section Montage
Fév : Construction vitrines : Réglage éclairage
section Public
Mar : Vernissage VIP : Ouverture généraleExemple à copier-coller
TD est idéal pour les feuilles de route longues qui se lisent de haut en bas.
timeline TD
title Migration Datacenter
section Préparation
Audit : Inventaire des charges
Pilote : Migration service test : Validation retour arrière
section Bascule
Week-end 1 : Migration bases : Vérification réplicas
Week-end 2 : Bascule trafic production : Retrait serveurs legacyExemple à copier-coller
Documentez les mois de sortie exacts de vos outils logiciels.
timeline
title Notes de version Atlas CLI
2025 Oct : Version 0.8.0 : Cache local introduit
2026 Fév : Version 0.9.0 : Hooks plugins ajoutés : Validation config
2026 Juin : Version 1.0.0 : API stable : Guide de migrationExemple à copier-coller
Contrôlez le rendu des libellés détaillés sur vos diagrammes denses.
timeline
title Déploiement Télescope
Revue opérationnelle : Validation thermique et clôture des actions logicielles
Fenêtre de tir : Intégration lanceur terminée
Première lumière : Étalonnage des capteurs et première image transmiseUne chronologie Mermaid représente visuellement des jalons, des phases produit ou des évolutions historiques regroupées par périodes.
Oui. Basculez simplement entre l’orientation verticale TD et horizontale LR.
Séparez les événements par des deux-points ou ajoutez des cartes dans le constructeur visuel.