Skip to main content
O Dreamforce está chegando em São Francisco entre 17 e 19 de setembro. Registre-se agora e economize 20% usando o código DF24TRAIL20

Evitar um design de gráfico que induza ao erro

Objetivos de aprendizagem

Após concluir esta unidade, você estará apto a:

  • Seguir as melhores práticas para criar gráficos.
  • Identificar escolhas comuns de design de gráficos que induzem ao erro.

Todo mundo adora um gráfico de barras

Os gráficos de barras são muito utilizados para a visualização de dados e por um bom motivo. A pesquisa indica que um gráfico de barras é um dos tipos de visualização mais fácil de entender. Um formato simples que permite fazer comparações rápidas entre os comprimentos das barras faz dos gráficos de barras uma referência no mundo da visualização de dados. 

Cuidado com os gráficos de bolhas

Os gráficos de bolhas podem ser descontraídos, mas infelizmente nem sempre são eficazes para apresentar informações. Por exemplo, veja os gráficos a seguir. Cada um mostra os mesmos dados sobre a receita de vendas gerada por diferentes categorias de produtos. No gráfico de bolhas, é difícil interpretar quais categorias geraram as maiores receitas porque várias das bolhas maiores parecem ter tamanhos parecidos. No gráfico de barras, fica muito mais fácil ver o comprimento das barras e perceber que as vendas de cadeiras e telefones geraram muito mais receita do que todas as outras categorias de produtos. 

Um gráfico de bolhas difícil de decifrar à esquerda e um gráfico de barras mais fácil de interpretar à direita, ambos exibindo os mesmos dados.

Cuidado com gráficos de pizza

Gráficos de pizza são usados para exibir partes em relação ao todo. As fatias individuais da torta são mostradas como parte do todo e, juntas, todas as fatias devem somar 100%. Se você encontrar um gráfico de pizza que não soma 100%, algo está errado. 

Um gráfico de pizza com três fatias que não somam 100%.

Infelizmente, os gráficos de pizza podem criar confusão quando usados de forma incorreta. O olho é adequado para distinguir as diferenças de comprimento em um gráfico de barras, mas se esforça para comparar a área de uma fatia. Ao comparar categorias com valores parecidos ou visualizar várias categorias com pequenas porcentagens, fica mais difícil interpretar os valores das fatias da pizza. 

Para ilustrar isso, veja os gráficos a seguir. Cada um mostra os mesmos dados sobre as vendas de diferentes bebidas à base de café. As vendas de café mocha e de café expresso descafeinado são parecidas, mas não exatamente iguais. É muito mais fácil ver que o café mocha é mais pedido do que o café expresso descafeinado no gráfico de barras do que no gráfico de pizza, onde eles parecem quase iguais.

Um gráfico de pizza difícil de interpretar (à esquerda) com muitas fatias e um gráfico de barras de fácil interpretação (à direita), ambos mostrando os mesmos dados sobre as vendas de café.

Para ajudar a evitar as armadilhas do gráfico de pizza, aqui estão algumas sugestões.

  • Se possível, peça ao criador do gráfico de pizza para fazer um gráfico de barras com os mesmos dados.
  • Você não conhece o criador do gráfico, mas tem acesso aos dados de origem? Crie seu próprio gráfico de barras.
  • Se não houver alternativa, vá com calma e gaste um tempo processando os dados do gráfico de pizza. Não tire conclusões precipitadas e questione sua compreensão dos fatos, independentemente do visual inicial.

Dica: Em algumas situações os gráficos de pizza são a melhor opção. Em To Pie Chart or Not To Pie Chart, Ben Jones descreve um cenário no qual o gráfico de pizza é a melhor opção. Se quiser exibir exatamente a metade da proporção, um gráfico de pizza é mais eficaz, como no exemplo a seguir. 

Resumindo, use gráficos de pizza quando tiver poucas fatias de tamanhos diferentes. 

Cuidado com os gráficos 3D

Nessa jornada com visualizações de dados, você pode se deparar com gráficos tridimensionais (3D). Embora as imagens 3D possam chamar sua atenção, elas dificultam mais ainda a interpretação dos gráficos. Quando os objetos 3D estão mais próximos no quadro, eles parecem maiores. Normalmente isso não é problema, exceto quando a comparação pretendida é baseada no tamanho. Compare os dois gráficos a seguir. 

Veja a diferença entre Darjeeling, Menta e Verde ao interpretar o gráfico de pizza 3D, o gráfico de pizza 2D e o gráfico de barras. A versão 3D faz com que a fatia de Darjeeling pareça menor. O gráfico de barras permite que você veja com precisão que a Menta é responsável por uma porcentagem um pouco maior do total de vendas do que o Verde.

Gráfico de pizza 3D (no topo) difícil de interpretar, com gráfico de pizza 2D mais fácil de ler (canto inferior esquerdo) e gráfico de barras (canto inferior direito) exibindo os mesmos dados.

Uso de cores no gráfico

Usar incorretamente as cores pode confundir ou dificultar a leitura dos gráficos. O uso incorreto das cores em gráficos inclui: 

  • Excesso de cores no mesmo gráfico
  • Cores diferentes para mostrar os mesmos valores
  • Esquemas de cores difíceis de ler
  • Esquemas de cores que não são bons para daltônicos
  • Variar a intensidade das cores

Gráfico com cores ruins para daltônicos (esquerda) e como o gráfico seria visto por daltônicos (direita).

Como um visualizador de dados treinado, é importante não deixar que as cores tirem a atenção dos dados. Na imagem acima, vermelho e verde são usados para retratar uma faixa de valores com vermelho representando valores acima de zero e verde com valores abaixo de zero. Uma pessoa daltônica não seria capaz de distinguir o destaque entre o vermelho e o verde. Tente encontrar recursos gráficos que usem paletas adequadas para daltônicos que sejam inclusivas e fáceis de interpretar e não atrapalhem a interpretação. 

Considerações sobre o design do gráfico

Embora designs criativos e intrigantes possam ser eficazes e atraentes, alguns podem realmente tirar a atenção da devida comunicação de informações importantes contidas nos dados. 

Por exemplo, pictogramas com símbolos e imagens para transmitir informações podem conferir apelo visual. No entanto, quando os pictogramas não seguem as práticas recomendadas, eles podem induzir quem visualiza ao erro, principalmente quando usados para exibir diferenças de tamanho. Isso fica evidente no pictograma a seguir, onde você é induzido a ver uma diferença muito maior do que a existente entre as duas categorias. 

Os dados subjacentes são que A é 100 e B é 300. Embora esses pictogramas tenham um eixo y que começa com zero, é mais provável que quem visualiza interprete a área entre A e B no gráfico à esquerda em vez de a altura como a diferença no gráfico 1. entre A e B. Usar áreas induz ao erro de achar que há uma diferença de 9 vezes em vez da diferença correta de 3 vezes. 

Pictograma que induz ao erro usando área para mostrar uma diferença entre A e B. A área da grande cara sorridente é usada para mostrar uma diferença de três vezes (à esquerda) e tem uma área que é uma diferença de nove vezes em vez da diferença de três vezes pretendida (à direita).

Sempre que você visualizar um gráfico, é importante fazer uma pausa e analisar além da primeira impressão. O gráfico pode dificultar a leitura ou induzir ao erro porque não foi projetado com base nas melhores práticas. 

Recursos