Torna a tutti i diagrammi

Linee temporali

Visualizza eventi cronologici e traguardi lungo un asse temporale. Ottimi per cronologie di progetto e roadmap.

Cos'è Linee temporali?

I diagrammi temporali presentano gli eventi in ordine cronologico lungo un asse temporale, rendendo facile vedere la sequenza e le relazioni tra gli eventi. Sono essenziali per la pianificazione dei progetti, la documentazione storica, le roadmap dei prodotti e qualsiasi scenario in cui comprendere le relazioni temporali è importante. Le linee temporali forniscono una narrazione chiara e lineare degli eventi nel tempo.

Modifica e anteprima

Costruisci un Linee temporali con la sintassi Mermaid e visualizza le modifiche istantaneamente.

Editor
100%

Example

Timeline example

A Mermaid timeline showing when example code, PNG previews, and alt text are added.

Mermaid timeline example showing example code, PNG preview, alt text, and publishing milestones
Mermaid timeline example showing example code, PNG preview, alt text, and publishing milestones

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 pages

Casi d'uso comuni

Roadmap dei prodotti

Visualizza funzionalità pianificate, rilasci e traguardi lungo una linea temporale. Comunica le priorità di sviluppo a stakeholder e membri del team.

Traguardi del progetto

Monitora gli eventi chiave del progetto, i deliverable e le scadenze. Fornisci una panoramica chiara dell'avanzamento del progetto e dei traguardi imminenti.

Documentazione storica

Presenta la storia aziendale, l'evoluzione tecnologica o qualsiasi racconto cronologico. Crea narrazioni visive coinvolgenti di eventi nel tempo.

Note di rilascio

Documenta le versioni software e le loro funzionalità chiave in ordine cronologico. Aiuta gli utenti a comprendere l'evoluzione di un prodotto.

Funzionalità principali

Periodi temporali

Definisci periodi temporali con etichette come date, trimestri o testo personalizzato per organizzare gli eventi cronologicamente.

Eventi multipli per periodo

Raggruppa più eventi sotto lo stesso periodo temporale per mostrare attività simultanee o elementi correlati.

Titoli e sezioni

Aggiungi titoli generali e intestazioni di sezione per fornire contesto e organizzare la linea temporale in gruppi logici.

Layout automatico

Mermaid spaziatura e dispone automaticamente gli eventi lungo la linea temporale per una leggibilità ottimale.

Migliori pratiche

Usa scale temporali coerenti

Mantieni gli intervalli di tempo coerenti in tutta la linea temporale. Non mescolare giorni con anni a meno che non sia chiaramente indicato.

Evidenzia gli eventi chiave

Enfatizza i traguardi più importanti. Non tutti gli eventi necessitano dello stesso peso visivo.

Mantieni le etichette concise

Usa etichette brevi e descrittive per gli eventi. I dettagli possono essere forniti nella documentazione di accompagnamento.

Raggruppa gli eventi correlati

Usa le sezioni per raggruppare gli eventi correlati, rendendo più facile comprendere temi e fasi.

Esplora altri tipi di diagramma

Diagrammi di flusso

Visualizza processi, flussi di lavoro e algoritmi con nodi e frecce direzionali. Perfetti per processi aziendali e alberi decisionali.

Diagrammi di sequenza

Documenta le interazioni tra diversi attori o sistemi nel tempo. Ideali per la documentazione API e la progettazione di sistemi.

Diagrammi delle classi

Modella sistemi orientati agli oggetti con classi, attributi e relazioni. Essenziali per la pianificazione dell'architettura software.

Diagrammi di stato

Rappresenta le transizioni di stato nei sistemi o nelle applicazioni. Ottimi per modellare stati del ciclo di vita e flussi di lavoro.

Diagrammi di Gantt

Pianifica e monitora le tempistiche dei progetti con attività e dipendenze. Perfetti per la gestione dei progetti e la pianificazione.

Diagrammi ER

Progetta schemi di database con entità e relazioni. Ideali per la modellazione e la documentazione dei database.

Percorso utente

Mappa le esperienze e le interazioni degli utenti attraverso i punti di contatto. Eccellente per il design UX e la mappatura del percorso cliente.

Grafi Git

Visualizza le strategie di branching Git e le cronologie dei commit. Utili per spiegare i flussi di lavoro del controllo versione.

Mappe mentali

Organizza idee, fai brainstorming di concetti e crea strutture visive gerarchiche. Perfette per la pianificazione e la mappatura delle conoscenze.

Grafici a torta

Visualizza distribuzioni proporzionali di dati con grafici circolari. Ideali per mostrare percentuali e quote di mercato.

Board Kanban

Organizza le attività in colonne che rappresentano le fasi del flusso di lavoro. Perfetto per la gestione agile e il monitoraggio delle attività.

Grafici a quadranti

Posiziona elementi su una griglia a due assi per confrontare e prioritizzare. Ideale per la prioritizzazione delle funzionalità e l'analisi strategica.

Diagrammi di Sankey

Visualizza le quantità di flusso tra nodi con frecce proporzionali. Perfetti per flussi energetici, allocazione di budget e funnel di conversione.

Grafici XY

Crea grafici a barre e grafici a linee con assi personalizzabili. Ideali per la visualizzazione dei dati e l'analisi delle tendenze.

Diagrammi a blocchi

Costruisci layout strutturati con blocchi disposti in colonne e righe. Ottimi per architetture di sistema e panoramiche dei componenti.

Diagrammi di architettura

Progetta architetture cloud e di sistema con icone di servizio e connessioni. Perfetti per la documentazione dell'infrastruttura.

Diagrammi di pacchetto

Visualizza le strutture dei pacchetti dei protocolli di rete con layout dei campi a livello di bit. Essenziali per la documentazione dei protocolli di rete.