Todo painel de marketing tem um gráfico de linhas com cinco canais, cada um de uma cor, e uma legenda no canto. E toda reunião tem alguém que pergunta "qual é o verde?". Parece detalhe de design, mas é o ponto em que a visualização de dados deixa de cumprir sua função: o número está ali, e a pessoa não consegue lê-lo.
Este guia explica o que é visualização de dados, como escolher o gráfico a partir da pergunta que ele precisa responder e — o que os guias de catálogo de gráficos não trazem — a regra verificável sobre cor e contraste que a W3C publicou e a Microsoft aplica no Power BI. No fim, um roteiro para revisar o seu painel em meia hora.
O que é visualização de dados?
Visualização de dados é representar números em forma visual para que uma pergunta seja respondida mais rápido do que lendo uma tabela. Um gráfico de barras, um mapa de calor, um painel com indicadores: tudo isso é visualização. O que define se ela é boa não é a beleza, é se quem olha sai sabendo a resposta.
A diferença para uma tabela é o tipo de leitura. A tabela serve para consultar um valor exato ("quanto foi o custo por lead em março?"). A visualização serve para enxergar padrões: o que subiu, o que é maior, o que está fora do esperado. Por isso uma boa visualização começa sempre pela pergunta, e não pelo gráfico.
Por que a visualização de dados é importante?
Porque decisão de negócio raramente é tomada por quem montou a planilha. O diretor que aprova verba, o vendedor que precisa saber sua meta e o cliente que recebe o relatório mensal olham o gráfico por segundos. Se a mensagem não aparece nesse tempo, o dado foi produzido e não foi usado.
Há também um efeito menos visível: gráfico mal escolhido induz a erro. Uma pizza com doze fatias faz parecer que todas são parecidas; um eixo que não começa no zero transforma uma variação de 2% num salto; uma legenda só por cor faz o leitor trocar uma série por outra. Visualização é comunicação — e comunicação errada custa mais que nenhuma.
Qual gráfico usar para cada pergunta?
Quase toda pergunta de negócio cai em uma de quatro famílias. Identificar a família é metade do trabalho de escolher o gráfico:
| A pergunta é… | Exemplo no marketing | Gráfico indicado | Evite |
|---|---|---|---|
| Comparar itens | Qual canal trouxe mais leads no trimestre? | Barras horizontais, ordenadas | Pizza com muitas fatias |
| Evolução no tempo | Como o custo por lead se comportou mês a mês? | Linhas (até 4 ou 5 séries) | Barras 3D, área sobreposta |
| Composição do todo | Quanto da verba foi para cada canal? | Barras empilhadas 100% ou rosca com até 5 partes | Pizza com 10 fatias, rosca sem rótulos |
| Relação entre variáveis | Investir mais em mídia aumenta as vendas? | Dispersão (pontos) | Duas linhas com eixos diferentes |
| Um número contra a meta | Batemos a meta de oportunidades? | Cartão com valor e variação, ou barra com marca da meta | Velocímetro decorativo |
Comparativo elaborado pela Alliance Comunicação a partir da prática em painéis de marketing e vendas.
Duas regras valem para todos. Primeiro, ordene: barras em ordem decrescente leem-se muito mais rápido que em ordem alfabética. Segundo, limite: acima de quatro ou cinco séries num mesmo gráfico de linhas, ninguém distingue mais nada — é hora de dividir em pequenos gráficos lado a lado ou destacar uma série e deixar as outras em cinza.
Quais são as etapas do processo de visualização de dados?
- Defina a pergunta — uma frase, com verbo: "comparar canais", "acompanhar o custo", "ver se bateu a meta".
- Reúna e limpe o dado — fontes conciliadas, mesmo período, mesma definição de métrica. É a etapa que mais gera erro; por que os números de plataformas diferentes não batem é assunto do nosso texto sobre dashboard de marketing e números que não batem.
- Escolha o gráfico pela família da pergunta — a tabela acima.
- Desenhe para ser lido — título que diz a conclusão, rótulos diretos, eixo honesto, cor com função.
- Teste a leitura — sem cor, em tela de celular, por alguém que não montou o gráfico.
- Publique e revise — painel que ninguém abre há três meses precisa mudar ou sair.
O que as regras de acessibilidade dizem sobre gráficos?
Aqui está a parte que falta nos guias que ranqueiam. Eles dizem "use as cores certas" ou "prefira paletas para daltônicos" e param. Mas existe uma regra escrita, verificável e adotada internacionalmente: as WCAG (Web Content Accessibility Guidelines), as diretrizes de acessibilidade da W3C. Dois critérios atingem diretamente qualquer gráfico publicado na web ou num painel.
Traduzindo para o painel: um gráfico de linhas em que a única forma de saber qual linha é o Google Ads e qual é o Meta Ads é a cor descumpre o 1.4.1. E uma linha amarela clara sobre fundo branco, mesmo com legenda, provavelmente descumpre o 1.4.11, porque não chega a 3:1 de contraste com o fundo.
Não é só questão de daltonismo. A mesma regra protege quem vê o painel no celular sob o sol, num projetor desbotado, numa impressão em preto e branco ou num relatório que virou PDF em tons de cinza. Gráfico que depende só da cor falha em todos esses cenários.
Como testar se o seu gráfico depende só da cor?
O contraste é uma conta, não uma opinião: a razão entre a luminância de duas cores, de 1:1 (iguais) a 21:1 (preto no branco). Aplicamos a fórmula das WCAG a algumas cores comuns em painéis, contra fundo branco:
| Cor da série | Uso típico no painel | Contraste com fundo branco | Passa no 3:1? |
|---|---|---|---|
| Verde vivo #2ECC71 | "Meta batida" | 2,10:1 | Não |
| Amarelo #F1C40F | "Atenção" | 1,66:1 | Não |
| Cinza claro #BDC3C7 | Série de comparação | 1,78:1 | Não |
| Vermelho #E74C3C | "Abaixo da meta" | 3,82:1 | Sim |
| Verde escuro #1E8449 | "Meta batida", versão corrigida | 4,72:1 | Sim |
| Azul escuro #2E4A9E | Série principal | 8,11:1 | Sim |
Cálculo da Alliance Comunicação pela fórmula de luminância relativa e razão de contraste definida nas WCAG 2.1 (W3C). Verde vivo contra vermelho, lado a lado: 1,82:1.
O resultado mais revelador é o último da nota da tabela: o verde vivo e o vermelho do semáforo "bateu / não bateu" têm entre si contraste de apenas 1,82:1. Para quem tem dificuldade em distinguir vermelho de verde — a forma mais comum de daltonismo —, os dois viram a mesma cor. É justamente o par mais usado em painel de metas.
Como corrigir um gráfico que depende só da cor?
A correção não exige abrir mão da cor. Exige somar a ela um segundo canal de leitura. A Microsoft documenta exatamente isso para o Power BI.
Na prática, as correções que resolvem a maioria dos casos são cinco:
1. Rótulo direto em vez de legenda
Escreva o nome da série na ponta da linha ou ao lado da barra. O leitor não precisa ir e voltar até a legenda, e a cor deixa de ser o único elo.
2. Marcador de formato diferente
Círculo, quadrado, triângulo: cada série com o seu. É a orientação da Microsoft para linhas, áreas, dispersão e bolhas, e está a um clique nas opções de formatação do visual.
3. Ícone ou texto junto ao semáforo
Meta batida em verde escuro com um ▲ ou a palavra "acima"; abaixo da meta em vermelho com ▼. A formatação condicional continua, mas não sozinha.
4. Cores com contraste e luminância diferentes
Escolha cores que se distinguem também pela claridade, não só pelo tom, e confira o 3:1 contra o fundo. Uma paleta que alterna escuro e médio sobrevive à conversão para cinza.
5. Destaque uma série, apague as outras
Quando a mensagem é sobre um canal, pinte só ele e deixe os demais em cinza médio. Menos cores, mais leitura — e o título do gráfico diz a conclusão.
Quais as boas práticas de visualização de dados?
- Título que conclui — "Custo por lead caiu 18% após a troca de público" diz mais que "Custo por lead — 2026".
- Eixo de barras começa no zero — barra que começa no meio exagera a diferença.
- Nada de 3D — a perspectiva distorce o tamanho das partes.
- Poucas casas decimais — R$ 12,4 mil lê-se melhor que R$ 12.437,82 num gráfico.
- Texto com contraste — título, eixos e rótulos com pelo menos 4,5:1 contra o fundo, como recomenda a Microsoft.
- Coerência de cor entre gráficos — se o Google Ads é azul num gráfico, é azul em todos.
- Texto alternativo — gráfico publicado em site ou relatório digital precisa de descrição para leitor de tela. Explicamos isso no texto sobre as seis falhas de acessibilidade que quase todo site tem.
O que é storytelling com dados?
Storytelling com dados é organizar a visualização para contar uma conclusão, e não apenas exibir números. A diferença aparece no título: "Leads por canal — outubro" descreve o gráfico; "O orgânico passou o Meta Ads pela primeira vez em outubro" conta o que aconteceu e diz ao leitor onde olhar.
Na prática, três recursos fazem quase todo o trabalho: o título que conclui, o destaque visual da série que importa (com as demais em cinza) e uma anotação curta no ponto do gráfico em que algo mudou — a troca de campanha, o lançamento, a queda de verba. Os três também ajudam na acessibilidade, porque transferem para o texto parte da informação que antes estava só na cor.
O cuidado é não forçar a história. Se o dado não mostra uma conclusão clara, o título honesto é a pergunta ("O custo por lead está estável?"), não uma afirmação que o gráfico não sustenta. Storytelling que distorce o eixo ou esconde a série incômoda é o caminho mais curto para o painel perder a confiança da diretoria.
Quais são os desafios na visualização de dados?
O primeiro desafio não é visual: é o dado. Painel bonito com número errado é pior que planilha feia com número certo, porque passa uma confiança que não tem. Conciliar fontes, definir cada métrica por escrito e registrar de onde vem cada número vem antes de qualquer gráfico.
O segundo é o excesso. Ferramentas de BI facilitam tanto acrescentar visuais que o painel vira um mosaico de vinte gráficos sem hierarquia. A pergunta útil é: que decisão este painel apoia, e quem a toma? Painel para o diretor financeiro tem três números; painel para o analista de mídia tem trinta. Tratamos dessa diferença em o painel de KPI que o CFO lê.
O terceiro é a manutenção. Cores mudam quando entra um canal novo, gráficos quebram quando a fonte muda de formato, e ninguém revisa a acessibilidade depois da primeira entrega. Um painel precisa de dono, como qualquer produto.
O que procurar ao escolher uma ferramenta de visualização de dados?
Power BI, Looker Studio, Tableau, Metabase e as próprias planilhas fazem os gráficos básicos. O que separa uma ferramenta da outra, para um time de marketing, são cinco pontos:
- Conectores com as fontes que você usa (mídia paga, GA4, CRM, ERP) sem exportação manual.
- Controle de acesso — quem vê qual painel e qual linha de dado, e quanto custa cada leitor.
- Recursos de acessibilidade — marcadores por série, rótulos diretos, texto alternativo, temas de alto contraste.
- Atualização automática com frequência suficiente para a decisão que o painel apoia.
- Custo total, incluindo licenças de quem só visualiza — um item que costuma surpreender no Power BI, como mostramos em quem paga licença só para ver o painel.
Por onde começar hoje?
Abra o painel que a diretoria mais usa e faça três coisas: o teste do preto e branco do destaque acima, a troca da legenda por rótulos diretos no gráfico principal e a inclusão de ícone ou texto em todo semáforo de meta. São ajustes de meia hora que tornam o painel legível para todos — e mais difícil de ser lido errado.
Se o problema for maior — dado que não bate, painel que ninguém abre, indicador que não responde à pergunta do negócio —, a equipe de BI e dashboards da Alliance desenha o painel a partir das decisões que ele precisa apoiar. E, para entender onde estão as lacunas de mensuração do seu marketing, o diagnóstico de marketing gratuito leva cerca de 30 minutos.

