Chronologies
Visualisez les evenements chronologiques et les jalons le long d'un axe temporel. Ideal pour les historiques de projets et les feuilles de route.
Qu'est-ce qu'un Chronologies ?
Les diagrammes de chronologie presentent les evenements dans l'ordre chronologique le long d'un axe temporel, ce qui facilite la visualisation de la sequence et des relations entre les evenements. Ils sont essentiels pour la planification de projets, la documentation historique, les feuilles de route produit et tout scenario ou la comprehension des relations temporelles est importante. Les chronologies fournissent un recit lineaire clair des evenements au fil du temps.
Modifier et previsualiser
Construisez un Chronologies avec la syntaxe Mermaid et voyez les changements instantanement.
Example
Timeline example
A Mermaid timeline showing when example code, PNG previews, and alt text are added.
Mermaid code
timeline
title Mermaid Editor Release Timeline
2026-05-01 : Add example code
: Render PNG preview
2026-05-03 : Add image alt text
: Improve SEO content
2026-05-05 : Publish pagesCas d'utilisation courants
Feuilles de route produit
Visualisez les fonctionnalites prevues, les releases et les jalons le long d'une chronologie. Communiquez les priorites de developpement aux parties prenantes et aux membres de l'equipe.
Jalons de projet
Suivez les evenements cles du projet, les livrables et les echeances. Fournissez une vue d'ensemble claire de l'avancement du projet et des jalons a venir.
Documentation historique
Presentez l'histoire de l'entreprise, l'evolution technologique ou tout recit chronologique. Creez des narrations visuelles engageantes des evenements au fil du temps.
Notes de version
Documentez les versions logicielles et leurs fonctionnalites cles dans l'ordre chronologique. Aidez les utilisateurs a comprendre l'evolution d'un produit.
Fonctionnalites cles
Periodes temporelles
Definissez des periodes temporelles avec des etiquettes comme des dates, des trimestres ou du texte personnalise pour organiser les evenements chronologiquement.
Plusieurs evenements par periode
Regroupez plusieurs evenements sous la meme periode temporelle pour montrer les activites simultanees ou les elements connexes.
Titres et sections
Ajoutez des titres generaux et des en-tetes de section pour fournir du contexte et organiser la chronologie en groupes logiques.
Mise en page automatique
Mermaid espace et arrange automatiquement les evenements le long de la chronologie pour une lisibilite optimale.
Bonnes pratiques
Utilisez des echelles de temps coherentes
Gardez les intervalles de temps coherents tout au long de la chronologie. Ne melangez pas les jours avec les annees sauf indication claire.
Mettez en evidence les evenements cles
Soulignez les jalons les plus importants. Chaque evenement n'a pas besoin du meme poids visuel.
Gardez les etiquettes concises
Utilisez des etiquettes courtes et descriptives pour les evenements. Les details peuvent etre fournis dans la documentation d'accompagnement.
Regroupez les evenements connexes
Utilisez des sections pour regrouper les evenements lies, facilitant ainsi la comprehension des themes et des phases.
Explorer d'autres types de diagrammes
Organigrammes
Visualisez les processus, les flux de travail et les algorithmes avec des noeuds et des fleches directionnelles. Parfait pour les processus metier et les arbres de decision.
Diagrammes de sequence
Documentez les interactions entre differents acteurs ou systemes au fil du temps. Ideal pour la documentation API et la conception de systemes.
Diagrammes de classes
Modelisez les systemes orientes objet avec des classes, des attributs et des relations. Essentiel pour la planification de l'architecture logicielle.
Diagrammes d'etats
Representez les transitions d'etats dans les systemes ou les applications. Ideal pour modeliser les cycles de vie et les flux de travail.
Diagrammes de Gantt
Planifiez et suivez les calendriers de projets avec des taches et des dependances. Parfait pour la gestion de projets et la planification.
Diagrammes ER
Concevez des schemas de bases de donnees avec des entites et des relations. Ideal pour la modelisation et la documentation de bases de donnees.
Parcours utilisateur
Cartographiez les experiences et interactions des utilisateurs a travers les points de contact. Excellent pour la conception UX et la cartographie du parcours client.
Graphes Git
Visualisez les strategies de branchement Git et l'historique des commits. Utile pour expliquer les flux de travail du controle de version.
Cartes mentales
Organisez vos idees, faites du brainstorming et creez des structures visuelles hierarchiques. Parfait pour la planification et la cartographie des connaissances.
Diagrammes circulaires
Affichez les distributions proportionnelles de donnees avec des graphiques circulaires. Ideal pour montrer les pourcentages et les repartitions de parts de marche.
Tableaux Kanban
Organisez les taches en colonnes representant les etapes du flux de travail. Parfait pour la gestion de projet agile et le suivi des taches.
Diagrammes en quadrants
Positionnez des elements sur une grille a deux axes pour comparer et prioriser. Ideal pour la priorisation des fonctionnalites et l'analyse strategique.
Diagrammes de Sankey
Visualisez les quantites de flux entre les noeuds avec des fleches proportionnelles. Parfait pour les flux d'energie, l'allocation budgetaire et les entonnoirs de conversion.
Graphiques XY
Creez des diagrammes a barres et des graphiques lineaires avec des axes personnalisables. Ideal pour la visualisation de donnees et l'analyse des tendances.
Diagrammes de blocs
Construisez des mises en page structurees avec des blocs disposes en colonnes et en lignes. Ideal pour l'architecture systeme et les vues d'ensemble des composants.
Diagrammes d'architecture
Concevez des architectures cloud et systeme avec des icones de services et des connexions. Parfait pour la documentation d'infrastructure.
Diagrammes de paquets
Visualisez les structures de paquets de protocoles reseau avec des dispositions de champs au niveau du bit. Essentiel pour la documentation des protocoles reseau.