Bloco Gráfico de dispersão/bolhas
Pontos X/Y para mostrar a relação entre duas medidas numéricas — com uma terceira dimensão opcional (tamanho do marcador) para uma variante de gráfico de bolhas.
Como funciona
O gráfico é renderizado como um único PNG gerado no servidor (sem biblioteca de gráficos no lado do cliente, sem JavaScript) com uma tabela de dados HTML sempre visível abaixo dele, listando cada ponto que a imagem plota. Diferente da tabela de categoria compartilhada do gráfico de barras/linha ou da tabela de porcentagem-do-total da pizza, o formato de fallback de um gráfico de dispersão é próprio. Nem um eixo de categoria nem uma fatia de um total se aplicam a um conjunto de pontos independentes, então a tabela é simplesmente uma linha por ponto: Series, X, Y e (somente no modo bolha) Size. Uma legenda acima dela, organizada por série, mostra a amostra e a contagem de pontos de cada série, já que "quantos pontos" é o único número resumo que uma série naturalmente tem.
As linhas são autoradas com um nome de Series opcional, um valor de X, um valor de Y e um valor de Size opcional (significativo apenas no modo bolha). A identidade da série vem inteiramente do que você digitar na coluna Series — linhas que compartilham o mesmo nome de série são agrupadas e coloridas juntas, na ordem de primeira aparição. Deixe Series em branco em toda linha e todo ponto compartilha uma série implícita, nomeada a partir do próprio título do bloco (ou "Series 1" se o bloco não tiver título). Digite nomes de série diferentes, e a mesma lista de linhas produz um gráfico de dispersão genuinamente multicolorido sem nenhuma configuração separada de "contagem de séries" em lugar nenhum — os próprios dados de linha são a única fonte de verdade para quantas séries existem. Uma linha sem X ou sem Y é ignorada em vez de plotada em (0, 0), já que uma célula em branco não é o mesmo que um zero autorado.
O alternador Bubble chart ativa a coluna Size: o raio do marcador de cada ponto escala com seu valor de Size em vez de ser um ponto fixo. Desligar o modo bolha não apaga nada digitado na coluna Size — ela apenas fica ignorada até o alternador ser ligado de novo. A coluna Size da tabela de dados só aparece enquanto o modo bolha estiver ativo, então a tabela de um gráfico de dispersão simples nunca mostra uma coluna vazia.
O gráfico se limita a 120 pontos no total somando todas as séries, e 8 séries, correspondendo ao próprio comprimento da paleta de cores categórica. Uma linha autorada além do limite de pontos é descartada, na ordem autorada — um gráfico de dispersão não tem um bucket natural "Outros" para agrupar o excedente como a pizza tem.
Este bloco é somente de linhas autoradas — não tem modo de vinculação a fonte de dados nem de vinculação a resposta de campanha. Veja Vinculando gráficos a dados reais para saber quais quatro tipos de gráfico oferecem suporte à vinculação.
Campos configuráveis:
- Chart title — mostrado acima da imagem.
- Alternador Bubble chart (a coluna Size controla o tamanho do marcador).
- Data — a lista de linhas (Series + X + Y + Size).
- Background color, padding, border, border radius no cartão.
- Pares independentes de cor/tamanho de fonte para o título e o texto da legenda/tabela.
Exemplos
Subject
Signups vs. activation, by plan
Um resumo semanal de operações poderia plotar tempo de resposta (X) contra volume de tickets (Y) por agente de suporte, um ponto por agente sem agrupamento de séries — uma leitura visual rápida de quem está lidando com mais volume sem uma lentidão. Um relatório de uso de produto pode agrupar pontos em 2-3 séries por nível de plano (Free/Pro/Business), cada uma de uma cor diferente, plotando pontuação de engajamento contra idade da conta para ver se a relação difere por nível. Um relatório de vendas pode usar a variante de bolhas para plotar tamanho do negócio (X) contra dias até o fechamento (Y), com a coluna Size definida como número de stakeholders envolvidos. São três dimensões numéricas em um único gráfico sem um quarto eixo, algo que essa família de blocos nunca adiciona.
Como é o fallback estático
<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>
A tabela de um gráfico de dispersão comum (não bolha) não tem coluna Size nenhuma; ela só aparece quando o alternador Bubble chart está ligado.