Blocchi di analisi e grafici
Questa pagina è un riepilogo rapido di tutti e tredici i blocchi di grafici e KPI — ciascuno ha anche una propria pagina dedicata con l'elenco completo dei campi ed esempi pratici, collegata alla fine della relativa sezione qui sotto.
Tredici blocchi di grafici e KPI per raccontare una storia di dati direttamente all'interno dell'email — un digest settimanale, un riepilogo delle vendite, un report che i tuoi destinatari non devono cliccare per leggere. Vivono nella stessa sezione Contenuto della palette Inserisci di ogni altro blocco; non esiste una categoria "Analytics" separata.
Alcune cose sono vere per ogni grafico di questa famiglia, quindi vengono dette una sola volta qui invece che tredici volte più sotto:
- Ogni grafico viene renderizzato come una singola immagine generata sul server — nessuna libreria di grafici lato client, nessun JavaScript — con una tabella dei dati visibile proprio accanto. La tabella non è una nota a piè di pagina né un ripensamento sull'accessibilità: contiene gli stessi numeri dell'immagine, in puro HTML, ed è ciò che rende il grafico effettivamente utilizzabile nei client solo testo, nelle caselle di posta che bloccano le immagini e negli screen reader. Non è mai facoltativa.
- I numeri di un grafico sono fissati al momento dell'invio o dell'esportazione — la stessa convenzione "accurato al momento dell'invio" della scadenza del timer di conto alla rovescia o del badge di inventario di un blocco prodotto, non un widget che si aggiorna in tempo reale. (Un'unica eccezione: un grafico associato ai risultati delle risposte di una campagna viene letto in tempo reale al momento del rendering — vedi Associare i grafici a dati reali.)
- Mai grafici a doppio asse. Due misure di scala diversa sono due blocchi grafico affiancati, non un unico grafico che finge di avere due assi Y.
Scorecard di KPI
Un numero grande per una metrica principale — fatturato, iscrizioni, qualunque cosa l'email stia riportando.
- Campi: un'etichetta, un valore con un formato (numero semplice, valuta o percentuale), un valore precedente facoltativo rispetto al quale mostrare un Δ, e uno sparkline facoltativo.
- La direzione del Δ (su/giù/stabile) la imposti tu stesso, non viene dedotta dal fatto che i numeri siano saliti — così mantieni il controllo su cosa conta come buona notizia.
- Lo sparkline è una piccola immagine di tendenza; l'etichetta/valore/Δ sottostante è sempre vero testo HTML, mai dipendente dal rendering dell'immagine.
Grafico a barre
Barre verticali o orizzontali, fino a 3 serie inserite manualmente.
- Oltre circa 8 categorie, il grafico abbandona le etichette dei valori dirette su ogni barra a favore di un asse condiviso con linee guida — leggere i numeri esatti da una dozzina di barre etichettate smette di essere leggibile prima di allora, quindi la tabella dei dati diventa la fonte precisa.
Grafico a linee/area
Stessa struttura di inserimento riga per riga del grafico a barre — categorie lungo le righe, fino a 3 serie in colonna — più un interruttore filled per la variante a grafico ad area.
- I marcatori dei punti su ogni valore iniziano a diradarsi oltre circa 20 punti, così la linea non si trasforma in una fila continua di puntini; la linea tracciata, l'asse condiviso e la tabella dei dati continuano a mostrare la tendenza oltre quel limite.
Grafico a torta/anello
Un valore per categoria, disegnato come una torta o (in modalità anello) un anello con un'etichetta centrale facoltativa per un numero in stile KPI al centro.
- Oltre le 8 fette, quelle più piccole si uniscono in un unico spicchio "Altro" invece di rendere il grafico illeggibilmente sottile — sia la legenda sia la tabella dei dati mostrano lo stesso accorpamento.
Grafico a dispersione/bolle
Punti X/Y, con una colonna series facoltativa per raggruppare i punti in più colori e una colonna size facoltativa per trasformarlo in un grafico a bolle.
- L'identità della serie deriva da ciò che digiti nella colonna Series — lasciala vuota e ogni punto condividerà il titolo del blocco stesso come unica serie.
Istogramma
Raggruppa automaticamente una colonna di valori grezzi in intervalli — forniscigli numeri singoli, non bucket già conteggiati, e farà lui il raggruppamento per te.
- Controlli approssimativamente a quanti intervalli puntare; se tutti i valori inseriti sono identici, collassa in un unico intervallo invece di disegnarne diciannove vuoti.
Mappa di calore
Una griglia di valori riga × colonna, sfumata su una rampa di colori sequenziale dal chiaro allo scuro.
- Le celle mostrano il loro valore esatto come testo solo finché la griglia resta abbastanza piccola da poter essere letta a colpo d'occhio — oltre quel limite è la rampa stessa (più la tabella dei dati sempre visibile) a portare i numeri, invece di stipare testo in celle minuscole. Una combinazione realmente mancante (nessuna riga per quella coppia riga/colonna) viene mostrata come un grigio distinto "nessun dato" invece di sembrare uno zero.
Imbuto
Valori di fase ordinati — visite → iscrizioni → acquisti, quel tipo di sequenza — ciascuno mostrato come percentuale della prima fase.
- Poiché il significato di un imbuto dipende interamente dall'ordine in cui hai digitato le fasi, non c'è modo di accorpare una fase in eccesso in un bucket "Altro" come fanno torta/treemap — una fase oltre il limite semplicemente non viene disegnata. La tabella dei dati aggiunge sia la "percentuale sulla prima fase" sia la "percentuale sulla fase precedente" (il calo passo dopo passo), che l'immagine da sola non mostra.
Cascata
Un grafico a totale progressivo — valore iniziale, poi una sequenza di barre di aumento/diminuzione, che opzionalmente si conclude su una barra "totale" inserita manualmente a metà percorso o alla fine.
- Le barre di aumento/diminuzione/totale usano sempre gli stessi tre colori riservati, così una cascata si legge in modo coerente in ogni email invece di dipendere dall'ultima scelta di colori. Come per l'imbuto, una barra in eccesso viene scartata anziché accorpata, poiché la matematica del totale progressivo dipende dall'ordine inserito.
Indicatore
Una singola metrica mostrata rispetto a fasce di soglia buono/attenzione/critico che definisci tu — un quadrante a lancetta, non un grafico basato su righe.
- L'unico blocco di questa famiglia senza una tabella dei dati sottostante, per lo stesso motivo della scorecard di KPI: il valore e il suo stato sono già vero testo HTML accanto all'immagine, non numeri chiusi dentro un'immagine.
Radar
Un confronto multi-asse — fino a 3 serie tracciate su assi condivisi, utile per confrontare categorie su più dimensioni contemporaneamente (ad es. un prodotto valutato su prezzo/qualità/velocità/assistenza).
- Richiede almeno 3 assi per poter essere disegnato come un poligono — con meno assi mostra lo stesso segnaposto "aggiungi altri dati" di un grafico vuoto. A differenza del resto della famiglia, qui c'è sia un minimo sia un massimo (limite di 8 assi).
Treemap
Riquadri proporzionali dimensionati in base al valore, disposti per riempire un rettangolo (una disposizione "squarified", cioè ottimizzata per riquadri il più possibile quadrati) anziché gli angoli della torta — stessa struttura di inserimento un-valore-per-categoria del grafico a torta, solo una forma diversa per confrontare le quote di un totale.
- Segue la stessa regola di accorpamento oltre le 8 fette del grafico a torta, poiché condivide la stessa preparazione dei dati sottostante.
Sankey
Flusso proporzionale tra nodi con nome — righe From, To e Value, ad es. sorgente di traffico → landing page → conversione.
- I nodi non vengono inseriti direttamente; derivano dalle etichette che si ripetono nelle tue righe From/To, e la loro posizione da sinistra a destra viene calcolata automaticamente in base alla direzione del flusso.
- Oltre il limite di nodi o collegamenti, un nodo in eccesso viene scartato, non accorpato — unire due estremità di flusso distinte in una sola rappresenterebbe in modo scorretto ciò che il diagramma mostra, a differenza dello spicchio "Altro" di un grafico a torta. La tabella dei dati elenca comunque ogni riga che hai inserito, indipendentemente dal fatto che sia finita nel diagramma disegnato, così nulla di ciò che hai digitato scompare silenziosamente dalla vista.
Associazione a dati reali
Scorecard di KPI, grafico a barre, grafico a linee e grafico a torta — e solo questi quattro — possono associarsi a una fonte dati connessa o ai risultati delle risposte di una campagna passata, invece che a numeri digitati a mano. Esiste anche un modello di avvio del progetto Dashboard con un clic, che genera insieme una riga di KPI e un grafico a barre. Vedi Associare i grafici a dati reali per i dettagli.