Infográfico animado: como transformar dados em vídeo que as pessoas entendem
"Infográfico animado" é buscado cerca de 110 vezes por mês no Brasil, 40 delas no Paraná e em Santa Catarina (Planejador de Palavras-chave do Google, set/2026). O pedido costuma vir com um arquivo anexo: o relatório anual, o balanço de sustentabilidade, os indicadores que a diretoria vai apresentar no evento. A pergunta é sempre a mesma — como fazer esses números serem entendidos e lembrados, e não só exibidos. Este guia mostra como escolher o gráfico certo, como animar dado sem distorcer e o que checar antes de publicar.
Primeiro o dado, depois o gráfico, por último o movimento
O erro mais comum é começar pela animação. A ordem certa começa por uma pergunta: que relação esse número mostra? O Financial Times organiza isso no seu Visual Vocabulary, um guia aberto usado por jornalistas e designers para escolher o gráfico pela relação que o dado expressa (FT Visual Vocabulary). São nove categorias — desvio, correlação, ranking, distribuição, mudança no tempo, magnitude, parte do todo, espacial e fluxo. Em vídeo, cada uma pede um movimento diferente:
- Mudança no tempo — a linha que se desenha da esquerda para a direita, ano a ano. O movimento é o próprio tempo passando;
- Magnitude — barras que crescem até o valor. Funciona para comparar poucos itens lado a lado;
- Ranking — barras que se reordenam. Mostra quem subiu e quem caiu melhor do que uma tabela;
- Parte do todo — um bloco que se divide em fatias, ou uma barra empilhada que se preenche. Pizza em 3D distorce a proporção e fica de fora;
- Espacial — o mapa em que as regiões acendem ou os pontos aparecem. Para operação, obras, unidades e frota;
- Fluxo — setas ou faixas que mostram de onde vem e para onde vai: cadeia de suprimentos, jornada do cliente, destino do resíduo.
As regras de animar dado sem distorcer
- Um número por cena. Se a cena tem cinco números, o espectador guarda nenhum. Os outros quatro vão para uma cena própria ou para o relatório escrito;
- O movimento mostra a mudança, não decora. Se a barra cresce, é porque o valor cresceu. Animação que gira, pula ou brilha sem significado compete com o dado;
- Pare no valor final. O número chega e fica parado tempo suficiente para ser lido — contagem que termina e já corta para a próxima cena não é lembrada;
- Eixo honesto. Eixo que não começa no zero exagera a diferença entre as barras. Quando o corte é necessário, ele precisa aparecer na tela;
- Unidade, período e fonte na tela. "R$ milhões, 2025, fonte: relatório anual" em letra discreta no canto. É o que dá credibilidade ao número;
- Arredonde para ser dito. "3,2 milhões" é compreendido; "3.187.442" é só visto.
Acessibilidade: duas regras que valem para vídeo no site
- Nada de piscar rápido. As diretrizes de acessibilidade da web (WCAG 2.2) pedem que nada pisque mais de três vezes em qualquer período de um segundo, para não provocar crise em pessoas com epilepsia fotossensível (W3C, critério 2.3.1). Transições em flash e números que "estouram" em sequência entram nessa conta;
- Movimento automático precisa de pausa. Se a animação começa sozinha, dura mais de cinco segundos e aparece junto de outro conteúdo na página, o visitante precisa conseguir pausar, parar ou esconder (W3C, critério 2.2.2). No site, isso significa player com controle, não loop infinito sem botão;
- Legenda e texto na tela para quem assiste sem som ou não ouve — e contraste suficiente entre número e fundo.
Onde o infográfico animado funciona
- Relatório anual e de sustentabilidade — a versão em vídeo dos números que ninguém lê no PDF;
- Apresentação de resultados para diretoria, investidores ou equipe, no telão do evento;
- Redes sociais — um número por peça, vertical, com a marca;
- Vídeo institucional — dados sobrepostos à imagem real da operação, no formato híbrido;
- Telas de recepção — indicadores em loop, sem som, legíveis de longe (veja vídeo para telas).
Infográfico animado é motion graphics aplicado a dados — explicamos o conceito, as etapas do projeto e os formatos de entrega em o que é motion graphics.
Perguntas frequentes
O que é um infográfico animado?
É a apresentação de dados e informações em vídeo, com gráficos, números e ícones em movimento, normalmente com locução ou texto na tela. É motion graphics aplicado a dados.
Como escolher o tipo de gráfico para um infográfico animado?
Pela relação que o dado mostra. O Visual Vocabulary do Financial Times organiza nove categorias, como mudança no tempo, ranking, parte do todo e fluxo. Cada uma pede um gráfico e um movimento diferente.
Quantos números colocar em cada cena?
Um número principal por cena. Com vários números ao mesmo tempo, o espectador não guarda nenhum. Os demais vão para cenas próprias ou para o relatório escrito.
Animação pode distorcer um dado?
Pode, quando o eixo não começa no zero sem aviso, quando se usa pizza em 3D ou quando o movimento decora em vez de mostrar a mudança. Unidade, período e fonte na tela ajudam a manter a credibilidade.
Que cuidados de acessibilidade um vídeo animado precisa no site?
Pelas diretrizes WCAG 2.2, nada pode piscar mais de três vezes por segundo, e animação automática com mais de cinco segundos exibida junto de outro conteúdo precisa de controle para pausar. Legenda e bom contraste completam.
Fontes e referências
Tem números que merecem ser entendidos?
Mande o relatório ou os indicadores e onde o vídeo vai rodar. Devolvemos a proposta com a escolha dos gráficos, o roteiro por cena e o preço fechado, em até 24 horas úteis.
Ou veja: o que é motion graphics · como fazer um vídeo explicativo