Cosa sono i diagrammi di Sankey
Un diagramma di Sankey mostra come qualcosa scorre da un punto a un altro. Ogni flusso è una fascia, e la larghezza della fascia è l'importo. Basta un'occhiata per capire dove va la parte più grande.
Si usano per:
- Budget personali — dove va il tuo stipendio: affitto, cibo, risparmi, svago
- Bilanci aziendali — dai ricavi ai costi, alle tasse e all'utile, come nei bilanci annuali
- Energia — dal combustibile all'elettricità fino alle case, e quanta se ne perde lungo la strada
- Siti web e app — da dove arrivano i visitatori e dove se ne vanno
- Funnel di vendita — dai contatti alle chiamate, alle offerte, ai clienti
- Ricerca di lavoro — dalle candidature ai colloqui alle offerte, molto amato su Reddit
Questo generatore disegna il diagramma mentre scrivi. Nessun account, nessuna filigrana, e i tuoi numeri non lasciano mai il tuo computer.
Come si usa
- Scrivi un flusso per riga: la partenza, l'importo tra parentesi quadre, poi l'arrivo — per esempio Stipendio [4200] Budget
- Oppure incolla tre colonne da Excel o Google Sheets: da, a, importo
- Il diagramma viene disegnato subito; aggiungi un titolo se vuoi
- Scegli uno stile — Classico, Minimale, Deciso, Morbido, Contorno, Scuro, Neon o Editoriale — poi i colori e la dimensione dell'immagine
- Aggiungi una valuta o un'unità prima o dopo i numeri, come € o kWh
- Clicca Scarica PNG o Scarica SVG
Scrivere i flussi
- Un flusso per riga: Budget [1500] Affitto significa che 1.500 vanno da Budget ad Affitto.
- I riquadri si collegano per nome. Scrivi Stipendio [4200] Budget, poi Budget [1500] Affitto, e Budget diventa un riquadro centrale da cui passano i soldi. I nomi devono essere scritti sempre allo stesso modo.
- Più livelli vanno bene: Stipendio → Budget → Risparmi → Investimenti.
- Lo stesso flusso due volte viene sommato.
- Un colore tutto tuo per un riquadro: una riga come :Risparmi #22c55e.
- Commenti: una riga che inizia con // viene ignorata.
- I numeri si possono scrivere come 4200, 4,200 o 4200.50.
Se i soldi che entrano in un riquadro sono più di quelli che escono (o viceversa), il riquadro è alto quanto l'importo maggiore — così vedi cosa avanza.
Otto stili
- Classico — pulito e chiaro, per report e documenti
- Minimale — barre sottili e flussi leggeri, quando i numeri contano più del colore
- Deciso — barre spesse e colori forti, leggibili anche dal fondo di una sala
- Morbido — barre arrotondate su un bianco caldo, per post e newsletter
- Contorno — barre vuote e flussi molto chiari, per una pagina stampata che risparmia inchiostro
- Scuro — uno sfondo blu notte per slide e dashboard scure
- Neon — flussi luminosi su nero, per i social e le slide di apertura
- Editoriale — lo stile delle notizie finanziarie e dei report di ricerca: flussi morbidi colorati per ramo, barre scure sottili, piccoli punti per le voci più piccole, etichette in grassetto su due righe e il totale al centro mostrato come un grande numero in evidenza
Editoriale rende al meglio a "papillon": molte fonti confluiscono in un unico totale al centro, che poi si divide in gruppi e voci più piccole — per esempio aziende → *Spesa totale* → categorie → fornitori. Lo strumento trova da solo il riquadro centrale.
Uno stile cambia solo l'aspetto. I flussi, la serie di colori e la dimensione restano come li hai scelti, così puoi provare tutti gli stili in pochi clic.
Le impostazioni
- Forma dei flussi — curve morbide o fasce dritte
- Direzione — da sinistra a destra o dall'alto in basso (ottimo per immagini verticali da telefono e funnel)
- Importi — i numeri, la percentuale del totale di ogni riquadro, entrambi o nessuno
- Colori — cinque serie di colori per i riquadri
- Colore dei flussi — come il riquadro di partenza, come il riquadro di arrivo, per ramo (ogni gruppo dopo il centro mantiene un solo colore fino alla fine), una sfumatura tra i due o un semplice grigio
- Prima / dopo i numeri — un simbolo di valuta o un'unità, mostrati su ogni importo
- Dimensione immagine — larga per le slide, quadrata per i post social, alta per gli schermi del telefono
- Larghezza riquadri, spazio tra i riquadri, dimensione testo — per rifinire l'aspetto
- Sfondo trasparente — un PNG senza sfondo bianco, per slide con un design colorato
Tutto avviene sul tuo dispositivo
Il diagramma è disegnato da un piccolo script nel tuo browser. I flussi non vengono caricati e nulla viene salvato online. L'ultima lista viene ricordata solo su questo dispositivo, così la ritrovi quando torni.
Domande frequenti
Come si crea un diagramma di Sankey?
Scrivi ogni flusso su una riga come "Da [importo] A", per esempio "Stipendio [4200] Budget". Il diagramma appare mentre scrivi. Poi clicca Scarica PNG o Scarica SVG.
Posso creare un diagramma di Sankey da Excel?
Sì. Metti i dati in tre colonne — da, a, importo — poi copia le righe e incollale nella casella. Una riga di intestazione viene saltata.
È simile a SankeyMATIC?
Usa le stesse semplici righe "Da [importo] A", quindi una lista creata lì funziona anche qui. Tutto gira nel tuo browser, senza registrazione.
Perché uno dei miei flussi non viene disegnato?
Un diagramma di Sankey scorre in una sola direzione, quindi un ciclo (A → B → A) non si può disegnare. Lo strumento omette il flusso che chiuderebbe il ciclo e ti dice quale.
Qual è la differenza tra PNG e SVG?
PNG è una normale immagine per slide, documenti e social. SVG è un file vettoriale: resta nitido a qualsiasi dimensione e puoi modificarlo in Illustrator, Inkscape, Figma o PowerPoint.
I miei dati vengono caricati?
No. Il diagramma viene creato nel tuo browser, sul tuo dispositivo.
Buono a sapersi
- Passa il mouse su un flusso o su un riquadro per vedere l'importo esatto
- Il PNG viene salvato al doppio della dimensione scelta, così è nitido su slide e grandi schermi
- Per grafici a barre, a linee e a torta, usa Creare grafici
Strumenti correlati
- Creare grafici — grafici a barre, a linee, ad area e a torta
- Generatore di nuvole di parole — un'immagine delle parole più usate
- Calcolatore di percentuale — calcola le quote di un totale
- Calcolatrice statistica — media, mediana e altro
- Immagine in SVG — trasforma un'immagine in vettoriale
- Abbellire uno screenshot — una bella cornice per il tuo grafico
