Figwise

Diagramma di Sankey

Incolla un elenco di flussi sorgente, destinazione, valore e ottieni nel browser un diagramma di Sankey con bande proporzionali — gratuito, senza accesso, esportabile in SVG o PNG.

Colore delle bande
Coal (38) Wind (12) Solar (8) Natural Gas (62) Electricity (100) Direct Heat (20) Residential (34) Commercial (28) Grid Losses (16) Industrial (42)
01ESEMPI

Quattro esempi di diagramma di Sankey su dati molto diversi

Lo stesso formato sorgente, destinazione, valore genera ognuno di questi esempi — un mix energetico, un budget, un funnel di iscrizioni e il bilancio dei materiali di una fabbrica. Guarda come un diagramma di Sankey adatta il proprio layout a ogni tipo di dati.

Flusso energetico: dalle fonti di generazione all'uso finale

Carbone, gas, eolico e solare alimentano un pool elettrico condiviso, che poi si suddivide tra domanda residenziale, commerciale e industriale più le perdite di rete — il layout unisce automaticamente quattro sorgenti in una colonna prima di riaprirsi verso quattro destinazioni.

Allocazione del budget: dai ricavi alla spesa per reparto

I ricavi totali si suddividono in linee di prodotto, poi la quota di ciascuna linea confluisce nei budget di ingegneria, marketing e operazioni — un diagramma di Sankey rende evidente a colpo d'occhio quale flusso di ricavi finanzia effettivamente quale reparto, cosa che un grafico a torta per linea non può mostrare.

Percorso di conversione utenti: dall'iscrizione al piano a pagamento

I visitatori si dividono tra iscrizione e abbandono al primo passaggio, le iscrizioni si dividono di nuovo in passaggio a pagamento, abbandono del periodo di prova e prova ancora in corso — un funnel a più fasi in cui un diagramma di Sankey mostra sia l'ampiezza di ogni percorso sia dove si concentra davvero l'abbandono.

Bilancio dei materiali: da materia prima a prodotto e scarto

La materia prima che entra in una linea di produzione si suddivide in prodotto finito, rilavorazione e scarto in due fasi separate — un layout di bilancio di massa che permette a un ingegnere di processo di vedere la perdita di resa cumulativa lungo l'intera linea in un'unica figura invece che in tabelle fase per fase.

02COS'È

Cos'è un diagramma di Sankey

Un diagramma di Sankey è un diagramma di flusso in cui la larghezza di ogni banda di collegamento è disegnata in proporzione diretta alla quantità che rappresenta. I nodi sono raggruppati in colonne, e bande di spessore variabile scorrono tra loro da sinistra a destra, così chi guarda può confrontare due flussi a occhio — la banda più larga trasporta sempre di più.

Questa regola di larghezza proporzionale alla grandezza è ciò che distingue un diagramma di Sankey da un normale diagramma di flusso: le frecce di un diagramma di flusso sono uniformi e codificano sequenza o logica, mentre le bande di un diagramma di Sankey codificano una quantità effettivamente misurata — energia, denaro, persone, massa, qualunque cosa descrivano le righe sorgente, destinazione, valore.

Il nome deriva dal diagramma del 1898 del capitano Matthew Riall Sankey sull'efficienza energetica delle macchine a vapore, e la stessa tecnica resta oggi il modo standard di mostrare bilanci energetici, flussi di budget, flussi di materiali e funnel di conversione a più fasi, ovunque un lettore debba vedere dove va una quantità, non solo che va da qualche parte.

Diagramma di Sankey annotato che indica nodi, colonne e bande di flusso a larghezza proporzionale
03FUNZIONALITÀ

Cosa gestisce per te questo diagramma di Sankey

Generatore di diagramma di Sankey che calcola automaticamente colonne e ordine dei nodi a partire da un elenco di flussi
DAG LAYOUT

Layout calcolato dai tuoi dati, non posizionato a mano

Incolla le tue righe e questo diagramma di Sankey stabilisce a quale colonna appartiene ogni nodo seguendo la direzione del flusso nei dati (un ordinamento topologico), poi riordina i nodi in ciascuna colonna per evitare che le bande si aggroviglino. Non trascini mai una casella a mano.

Primo piano delle bande di un diagramma di Sankey con larghezze scalate in proporzione ai valori di flusso sottostanti
ANTEPRIMA LIVE

La larghezza delle bande è sempre proporzionale, mai decorativa

Lo spessore di ogni banda è calcolato dal suo valore rispetto alla stessa scala usata in tutto il grafico — un flusso doppio è disegnato esattamente doppio, in ogni colonna, non solo rispetto al proprio nodo. Questa coerenza è ciò che rende un diagramma di Sankey affidabile e non solo esteticamente gradevole.

Campo di testo per un diagramma di Sankey con un messaggio di convalida in linea che indica una riga di dati specifica
CSV / TSV

Incolla testo semplice, ottieni una convalida immediata

Scrivi o incolla righe "sorgente,destinazione,valore" — il formato usato dalla maggior parte degli strumenti per creare un diagramma di Sankey, così i dati esistenti si trasferiscono senza riformattarli. Le righe errate non spariscono semplicemente: una riga malformata, un valore non numerico, un nodo che si autoreferenzia o un flusso che chiude un ciclo su se stesso viene segnalato con il numero di riga, così puoi correggere i dati di origine invece di indovinare perché un nodo è scomparso.

Pannello impostazioni di un generatore di diagramma di Sankey per larghezza dei nodi, spaziatura, modalità colore e dimensioni della tela
SVG + PNG

Larghezza dei nodi, spaziatura, colore e dimensione della tela, tutto regolabile

Questo diagramma di Sankey permette di cambiare il colore delle bande tra per sorgente, per destinazione o un unico colore piatto a seconda di cosa il grafico deve mettere in evidenza, di regolare larghezza dei nodi e spaziatura verticale per un layout più denso o più arioso, e di impostare la dimensione esatta della tela prima di esportare — una figura per pubblicazione e una slide raramente vogliono le stesse proporzioni.

04CONFRONTO

Diagramma di Sankey vs diagramma di flusso vs diagramma alluvionale

Tutti e tre sono diagrammi di flusso fatti di caselle collegate da linee, e capita abbastanza spesso di scegliere quello sbagliato da valere la pena chiarire l'unico confine che conta davvero: cosa può significare la larghezza o lo spessore di un collegamento.

Diagramma di Sankey

  • La larghezza della banda codifica una quantità misurata — l'unica cosa che può codificare
  • Posizionamento libero dei nodi: qualsiasi nodo può collegarsi a qualsiasi altro, nella direzione che i dati indicano
  • Pensato per un flusso a senso unico e non ciclico di una quantità conservata o parzialmente dispersa (energia, denaro, massa, traffico)

Diagramma di flusso

  • Le frecce hanno larghezza uniforme — codificano sequenza, logica decisionale o dipendenza, mai una grandezza
  • Le forme portano un significato (rombo = decisione, rettangolo = processo) invece di una dimensione proporzionale
  • Usalo quando devi documentare passaggi o logica, non confrontare quanto si è spostato e dove

Diagramma alluvionale

  • Stessa tecnica delle bande proporzionali di un diagramma di Sankey, tanto che i due vengono spesso disegnati in modo identico
  • I nodi si collocano su fasi fisse ed equidistanti (di solito punti temporali o categorie ordinate) invece che su un layout di rete libero
  • Pensato per seguire come cambia l'appartenenza di categoria della stessa popolazione da una fase all'altra — una classificazione che cambia nel tempo, non una risorsa che viene consumata
05TEMPLATE

Formato di input e specifiche di esportazione

Questo diagramma di Sankey legge lo stesso formato a tre colonne usato dalla maggior parte degli strumenti per creare un diagramma di Sankey, così i dati costruiti per uno di solito si incollano direttamente nell'altro senza riformattarli.

Righe di input

CampoEsempioNote
SourceCarboneNome del nodo con distinzione tra maiuscole e minuscole. La prima comparsa ne fissa la posizione nel diagramma.
TargetElettricitàDeve essere diverso dalla sorgente sulla stessa riga — un nodo non può confluire in se stesso.
Value38Qualsiasi numero positivo, decimali ammessi. Determina la larghezza della banda rispetto a tutti gli altri flussi del grafico.

Output di esportazione

ProprietàValore
Formato vettorialeSVG — testo e percorsi modificabili, dimensionati esattamente secondo le impostazioni della tela
Formato rasterPNG — renderizzato a risoluzione 2x per un testo nitido in slide e documenti
Tela predefinita960 × 600 px, regolabile prima dell'esportazione
Modalità colorePer nodo sorgente, per nodo destinazione, o un unico colore piatto
06FAQ

Domande frequenti

Le domande più comuni prima di incollare il primo elenco di flussi in un diagramma di Sankey.

07STRUMENTI CORRELATI

Pronto a creare il tuo diagramma di Sankey?

Incolla le tue righe sorgente, destinazione, valore in questo diagramma di Sankey ed esporta un diagramma con bande proporzionali in SVG o PNG — gratuito, senza registrazione.

Genera il mio diagramma di Sankey