Reference
Visuals
Every chart and what it is for
The list comes from the editor catalog. A new visual shows up here because it exists, not because someone remembered to write it down.
Indicadores8
Um número em destaque, medidores e acompanhamento de meta.
- KPIUm número só, grande. Para a pergunta que se responde com um valor: faturamento do mês, total de pedidos.
- KPI + tendênciaO número grande com a curva do período ao lado — diz quanto é E para onde está indo.
- Multi-KPIVários números numa grade. Para o cabeçalho do painel, onde cabem quatro ou seis indicadores juntos.
- VelocímetroO ponteiro contra uma meta. Para o indicador único que se lê como estou dentro ou fora.
- TermômetroUma coluna que enche até o valor. Para meta acumulada: quanto do alvo já foi atingido.
- Bullet (meta)O valor contra a meta numa barra fina, com faixas de desempenho. Para um placar compacto.
- Anel de progressoUm anel que enche até a porcentagem da meta. Para o percentual único, limpo.
- Cartão com imagemCartões com foto e número. Para catálogo, produto, criativo — quando a imagem é o assunto.
Comparação12
Colocar categorias, grupos ou pares lado a lado.
- BarrasCompara valores entre categorias. É o gráfico que mais acerta: barra lado a lado, comprimento é quantidade.
- Barras horizontaisA mesma comparação, deitada. Melhor quando os nomes são longos ou há muitas categorias.
- Tornado (espelhado)Barras espelhadas a partir do centro. Para comparar dois lados: homens e mulheres, antes e depois.
- Haltere (antes × depois)Dois pontos ligados por uma haste: antes e depois de cada item. Para ver quem mudou mais.
- Slope (antes × depois)Duas colunas ligadas por retas: quem subiu e quem desceu entre dois momentos.
- RadarCompara vários atributos de uma vez, em teia. Para perfil: força e fraqueza lado a lado.
- DispersãoCada ponto é um registro, cruzando duas medidas. Para procurar relação entre elas.
- Dispersão com quadrantesA dispersão partida em quatro por duas linhas de corte. Para classificar: bom e barato, caro e ruim.
- HistogramaA distribuição de uma medida em faixas. Responde onde a maioria cai, não quanto no total.
- Box plotMediana, quartis e pontos fora da curva. Para comparar a DISPERSÃO entre grupos, não só a média.
- Pareto (80/20)Barras ordenadas com a curva acumulada. Para achar os poucos itens que respondem por quase tudo.
- Rede (quem se liga a quem)Pontos ligados por linhas. Para relação: quem compra com quem, o que anda junto.
Evolução9
O que acontece ao longo do tempo (mês, dia, prazo).
- LinhaMostra a evolução no tempo. Use quando o eixo for data e o que importa for a tendência.
- ÁreaA linha com o espaço embaixo pintado. Para dar peso ao volume acumulado, não só à direção.
- Combo barra+linhaBarra e linha no mesmo gráfico. Para grandezas diferentes: volume em barra, taxa em linha.
- Colunas empilhadas + linhaColunas empilhadas com uma linha por cima. Para composição e taxa no mesmo desenho.
- Calendário (sazonalidade)O ano em quadradinhos, um por dia, pintados pelo valor. Para enxergar sazonalidade e dias vazios.
- Linha do tempo (período)Uma barra deslizante de período. Para o leitor escolher o intervalo e filtrar o painel.
- Gantt (cronograma)Barras no tempo, uma por tarefa. Para cronograma: quando começa, quanto dura, o que se sobrepõe.
- Bolhas no tempo (animado)As bolhas andando no tempo. Para mostrar movimento — quem cresceu, quem encolheu, ao vivo.
- Ribbon (troca de posto)Fitas que trocam de posição ao longo do tempo. Para acompanhar ranking que muda de líder.
Composição8
Como o todo se divide em partes (e para onde o valor vai).
- PizzaA divisão de um todo em fatias. Funciona com poucas fatias; com muitas, prefira barras.
- RoscaA pizza com o miolo vazio — cabe um total no centro. Mesma regra: poucas fatias.
- TreemapRetângulos proporcionais ao valor. Para ver quem domina o bolo quando há muitas categorias.
- FunilAs etapas de um processo e quanto sobra em cada degrau. Para conversão, vendas, cadastro.
- CascataMostra como se sai de um valor e se chega a outro, degrau a degrau. Para explicar variação.
- Marimekko (participação)Colunas com largura também proporcional. Para participação em duas dimensões ao mesmo tempo.
- Fluxo (origem → destino)Fluxo de origem para destino, com a espessura valendo volume. Para ver para onde as coisas vão.
- Nuvem de palavrasPalavras com o tamanho pelo peso. Para texto livre: o que mais aparece nos comentários.
Tabelas4
Linha por linha, cruzamentos e a grade que o leitor remonta.
- TabelaA tabela crua, ordenável. Para quando o número exato importa mais que o desenho.
- Matriz (linhas × colunas)Linhas e colunas com totais, estilo tabela dinâmica. Para cruzar duas dimensões.
- Tabela dinâmica (arrastar)A tabela que o LEITOR remonta arrastando campos. Para quem vai explorar sem pedir ajuda.
- HeatmapA grade pintada pela intensidade. Para achar o ponto quente num cruzamento.
Mapas5
Onde acontece: estado, município, ponto exato e densidade.
- Mapa do Brasil (UF)O Brasil por estado, pintado pelo valor. Para distribuição geográfica no traço grosso.
- Mapa por municípioA malha de municípios de um estado, com bolhas nas cidades. Para olhar dentro de uma UF.
- Mapa de bolhas (lat/long)Bolhas no mapa pela latitude e longitude. Para endereço, loja, ponto exato.
- Mapa de calor geográficoMancha de calor sobre o mapa. Para densidade: onde se concentra, sem precisar de limite político.
- Mapa com camadasVárias leituras sobrepostas no mesmo mapa (estado, bolhas, calor), ligando e desligando.
Elementos4
Peças de layout sem dados: texto, forma, imagem e botão.
- TextoUm bloco de texto livre no painel. Para título de seção, explicação, observação.
- FormaUm retângulo, círculo, triângulo ou linha. Para separar áreas e destacar um grupo de cartões.
- ImagemUma imagem por endereço. Para logotipo, foto de capa, selo.
- BotãoUm botão que faz algo ao ser clicado: ir para outra página, aplicar uma visão, limpar filtros.