Blocco Grafico a dispersione/bolle
Punti X/Y per mostrare la relazione tra due misure numeriche — con una terza dimensione facoltativa (dimensione del marcatore) per una variante a grafico a bolle.
Come funziona
Il grafico viene renderizzato come una singola PNG generata sul server (nessuna libreria di grafici lato client, nessun JavaScript) con una tabella dei dati HTML sempre visibile sotto di essa, che elenca ogni punto tracciato nell'immagine. A differenza della tabella a categoria condivisa del grafico a barre/linee o della tabella a percentuale-sul-totale del grafico a torta, il fallback di un grafico a dispersione ha una propria forma. Né un asse a categorie né una quota-su-un-totale si applicano a un insieme di punti indipendenti, quindi la tabella è semplicemente una riga per punto: Series, X, Y e (solo in modalità bolle) Size. Una legenda sopra di essa, organizzata per serie, mostra il campione colorato e il conteggio dei punti di ciascuna serie, dato che "quanti punti" è l'unico numero riassuntivo che una serie ha naturalmente.
Le righe vengono inserite con un nome Series facoltativo, un valore X, un valore Y e un valore Size facoltativo (significativo solo in modalità bolle). L'identità della serie deriva interamente da ciò che digiti nella colonna Series — le righe che condividono lo stesso nome di serie vengono raggruppate e colorate insieme, nell'ordine di prima comparsa. Lascia Series vuota su ogni riga e ogni punto condividerà un'unica serie implicita, chiamata come il titolo del blocco stesso (o "Series 1" se il blocco non ha titolo). Digita invece nomi di serie diversi, e lo stesso elenco di righe produce un grafico a dispersione realmente multicolore senza alcuna impostazione separata di "numero di serie" — i dati delle righe stessi sono l'unica fonte di verità su quante serie esistono. Una riga a cui manca X o Y viene ignorata invece di essere tracciata in (0, 0), poiché una cella vuota non è la stessa cosa di uno zero inserito volontariamente.
L'interruttore Bubble chart attiva la colonna Size: il raggio del marcatore di ogni punto si adatta al suo valore Size invece di essere un punto fisso. Disattivare la modalità bolle non elimina nulla di ciò che è stato digitato nella colonna Size — viene semplicemente ignorato finché l'interruttore non viene riattivato. La colonna Size della tabella dei dati compare solo mentre la modalità bolle è attiva, così la tabella di un grafico a dispersione semplice non mostra mai una colonna vuota.
Il grafico è limitato a 120 punti totali su tutte le serie combinate, e 8 serie, corrispondendo alla stessa lunghezza della palette colori categoriale. Una riga inserita oltre il limite viene scartata, nell'ordine in cui è stata autorata — un grafico a dispersione non ha un bucket naturale "Other" in cui accorpare il superfluo come invece fa un grafico a torta.
Questo blocco funziona solo con righe inserite manualmente — non ha una modalità di associazione a fonte dati o ai risultati di risposta di una campagna. Vedi Associare i grafici a dati reali per sapere quali quattro tipi di grafico supportano l'associazione.
Campi configurabili:
- Chart title — mostrato sopra l'immagine.
- Interruttore Bubble chart (la colonna Size determina la dimensione del marcatore).
- Data — l'elenco righe (Series + X + Y + Size).
- Background color, padding, border, border radius della card.
- Coppie indipendenti di colore/dimensione carattere per il titolo e per il testo di legenda/tabella.
Esempi
Subject
Signups vs. activation, by plan
Un digest operativo settimanale potrebbe tracciare il tempo di risposta (X) rispetto al volume di ticket (Y) per ogni agente di supporto, un punto per agente senza raggruppamento in serie — una lettura visiva rapida su chi gestisce più volume senza rallentamenti. Un report sull'utilizzo del prodotto potrebbe raggruppare i punti in 2-3 serie per livello di piano (Free/Pro/Business), ciascuna di un colore diverso, tracciando il punteggio di coinvolgimento rispetto all'età dell'account per vedere se la relazione differisce per livello. Un report di vendita può usare la variante a bolle per tracciare la dimensione dell'affare (X) rispetto ai giorni per la chiusura (Y), con la colonna Size impostata sul numero di stakeholder coinvolti. Sono tre dimensioni numeriche in un unico grafico senza un quarto asse, cosa che questa famiglia di blocchi non aggiunge mai.
Come appare il fallback statico
<div style="margin:12px 0;padding:16px;background-color:#ffffff;border-radius:8px">
<p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Response time vs. ticket volume</p>
<img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="560" height="320"
alt="Scatter chart: Agent A (1 point), Agent B (1 point), Agent C (1 point)"
style="display:block;max-width:100%;height:auto;margin:8px 0" />
<table style="width:100%;border-collapse:collapse;margin-top:4px">
<tr>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Series</th>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">X</th>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Y</th>
</tr>
<tr>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">Agent A</td>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">4.2</td>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">38</td>
</tr>
</table>
</div>
La tabella di un grafico a dispersione semplice (senza bolle) non ha alcuna colonna Size; compare solo quando l'interruttore Bubble chart è attivo.