Diagrammi di Sankey
Visualizza le quantità di flusso tra nodi con frecce proporzionali. Perfetti per flussi energetici, allocazione di budget e funnel di conversione.
Cos'è Diagrammi di Sankey?
I diagrammi di Sankey sono diagrammi di flusso in cui la larghezza delle frecce è proporzionale alla quantità di flusso che rappresentano. Eccellono nel mostrare come le quantità fluiscono, si dividono e si fondono attraverso un sistema. Chiamati così in onore del capitano irlandese Matthew Sankey, questi diagrammi sono preziosi per visualizzare trasferimenti energetici, flussi di budget, funnel di conversione e qualsiasi processo in cui comprendere i flussi proporzionali è importante.
Modifica e anteprima
Costruisci un Diagrammi di Sankey con la sintassi Mermaid e visualizza le modifiche istantaneamente.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Casi d'uso comuni
Analisi del funnel di conversione
Visualizza il flusso degli utenti attraverso i funnel di marketing o vendita. Scopri dove gli utenti abbandonano e come il traffico converte in ogni fase.
Visualizzazione dei flussi energetici
Mostra come l'energia viene generata, trasformata e consumata in un sistema. Monitora le perdite e l'efficienza in ogni fase.
Flussi di budget e costi
Illustra come il denaro fluisce dalle fonti di ricavo attraverso i dipartimenti alle spese. Rendi le distribuzioni finanziarie intuitive.
Mappatura della catena di fornitura
Traccia materiali e prodotti dai fornitori attraverso la produzione alla distribuzione. Visualizza le quantità in ogni fase.
Funzionalità principali
Frecce proporzionali
La larghezza delle frecce si scala automaticamente per rappresentare le quantità di flusso, rendendo i volumi relativi immediatamente visibili.
Etichette dei nodi
Definisci nodi sorgente e destinazione con etichette descrittive per identificare ogni fase o entità nel flusso.
Flussi multipli
Mostra flussi che si dividono da una sorgente a più destinazioni, o più sorgenti che convergono in una destinazione.
Sintassi simile a CSV
Definisci i flussi usando triple intuitive sorgente, destinazione, valore che sono facili da scrivere e mantenere.
Migliori pratiche
Flusso da sinistra a destra
Disponi il diagramma in modo che i flussi vadano da sinistra a destra, seguendo la direzione naturale di lettura e la progressione temporale.
Usa nomi di nodo significativi
Etichetta i nodi in modo chiaro affinché i lettori comprendano immediatamente cosa rappresenta ogni fase o entità.
Limita la complessità
Mantieni il numero di flussi e nodi gestibile. Troppe frecce che si incrociano riducono la leggibilità.
Assicura l'accuratezza dei dati
Verifica che i valori dei flussi siano accurati, poiché le proporzioni visive comunicano direttamente le quantità ai lettori.
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.
Linee temporali
Visualizza eventi cronologici e traguardi lungo un asse temporale. Ottimi per cronologie di progetto e roadmap.
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.
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.