Aula 13 - Gráficos

Planejamento de Pesquisas
Aula 13: Gráficos
ENCE - Escola Nacional de Ciências Estatísticas

Na aula de hoje:
• Introdução à visualização de dados e storytelling.
• Princípios da visualização de dados.
• Gráficos para apresentar dados estatísticos.
• Barras, linhas, setores, pontos, ramo-e-folhas, histograma, boxplot, diagrama
de dispersão, área, mapa.
• Como escolher o melhor tipo de gráficos
• Acessibilidade.
• Percepção visual e atributos pré-atentivos.
• Princípios de Gestalt.
• Como pensar como um designer.
10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 2

Introdução à visualização de dados

• Objetivo geral.
• Transmitir a sua mensagem rapidamente.


• Objetivos específicos.
• Um gráfico deve mostrar um resumo visual para uma coleção de dados.
• Esse resumo deve substituir o exame detalhado dos dados – ao menos uma primeira
análise.
• O gráfico deve contar uma “história” ou “passar uma mensagem” ao leitor.
• O contexto importa!


• Há muitas maneiras (boas e ruins) de apresentar dados estatísticos
através de gráficos.
• Gráfico é tão importante quanto o texto!
• Texto: uma ideia = um parágrafo.
• Gráfico: uma ideia = um gráfico.
• Regra de ouro: leitor descansado é leitor feliz!
• Evite excesso de informação ou o “lixo gráfico”!


• Se for bem feito, um gráfico pode passar uma mensagem
rapidamente e poupar o tempo que o leitor levaria para examinar os
dados.
• Um gráfico é tão bom quanto o correto entendimento da história pelo leitor.
• Leitor descansado = leitor feliz.
• Se for mal feito, um gráfico pode enganar, confundir ou atrapalhar o
correto entendimento da história pelo leitor.

Storytelling
• Princípios básicos:
• Diga a verdade: os dados devem ser representados sem distorções,
atenuações ou exageros.
• Siga um propósito definido: exploração, interpretação, comunicação.
• Use o tipo de gráfico adequado para cada conjunto de dados.
• Os dados devem destacar-se claramente do “fundo” da figura.
• Evite o “lixo gráfico”: qualquer coisa que chame mais a atenção do que os
dados que se quer mostrar.

Storytelling
• Princípios básicos:
• Deve haver rótulos e descrições (metadados):
1. Título, conteúdo ou objetivo do gráfico.
2. O que cada eixo, setor, barra representa.
3. Escalas legíveis e adequadas.
4. Fonte dos dados utilizados.

Storytelling
• O contexto importa!
• Tenha um conhecimento sólido do contexto e do que você precisa comunicar.
1. Identifique o público-alvo.
2. Determine a informação que o público-alvo precisa saber.
3. Escolha os dados para ilustrar.

Tipos de gráficos
• Como escolher um visual eficaz?
• Texto simples.
• Ideal para destacar um ou dois
números que se deseja comunicar.

Tipos de gráficos
• Texto simples.
• Ideal para destacar um ou dois
números que se deseja comunicar.

Tipos de gráficos
• Gráfico de ramo-e-folhas.
• Ideal para observar a distribuição de
uma variável quantitativa discreta
(até 200 observações).

Tipos de gráficos
• Gráfico de ramo-e-folhas.
uma variável quantitativa discreta
(até 200 observações).

Tipos de gráficos
• Gráfico de pontos.
uma variável numérica (até 50
observações).

Tipos de gráficos
• Boxplot.
uma variável numérica e valores
discrepantes (outliers).
• Lembrete:
• 𝑑𝑞 = 𝑞3 − 𝑞1
• Limite inferior: 𝑞1 − 1,5 𝑑𝑞
• Limite superior: 𝑞3 + 1,5 𝑑𝑞

Tipos de gráficos
• Diagrama de dispersão.
• Ideal para observar a relação entre
duas ou mais variáveis numéricas.

Tipos de gráficos
• Histograma.
uma variável quantitativa contínua.

Tipos de gráficos
• Gráfico de rosca.
• Ideal para representar proporções de
casos/indivíduos em cada categoria.
• Devem ser evitados (seres humanos
são ruins com áreas)!

Tipos de gráficos
• Gráfico de setores/pizza.
• Devem ser evitados (seres humanos
são ruins com áreas)!

Tipos de gráficos
• Gráfico de barras.
• Menor curva de aprendizado para o
leitor.
• Atenção: é melhor apresentar as
categorias em ordem de frequência!

Tipos de gráficos
• Gráfico de barras.
• Atenção: linha de base zero!

Tipos de gráficos
• Gráfico de barras verticais vs. horizontais.
• A escolha dependerá do número de categorias e do tamanho do espaço onde o gráfico
será apresentado.
• Escolha usar a maior dimensão do espaço onde o gráfico será apresentado para
representar a escala numérica das frequências.

Tipos de gráficos
• Gráfico de barras
justapostas/empilhadas.
• Evite utilizar frequências absolutas
(seres humanos são ruins com
áreas)!
• Cuidado com o número de séries e
categorias!

Tipos de gráficos
• Gráfico de barras justapostas/empilhadas.
• A versão em barras horizontais empilhadas a 100% é bom para representar escala Likert.

Tipos de gráficos
• Gráfico de linha.
• Ideal para representar evolução de
dados numéricos ao longo do tempo.
• Atenção: o importante é a variação
e não o nível das variáveis!

Tipos de gráficos
• Gráfico de área.
• Ideal para representar magnitudes
diferentes dentro de um conjunto de
dados.
• Cuidado: olhos humanos não
distinguem bem valores
quantitativos no espaço
bidimensional (seres humanos são
ruins com áreas)!

Tipos de gráficos
• Mapas.
• Ideal para informações geográficas.
• Cuidado: todo mapa mal feito é um
mapa de população!

Tipos de gráficos
• Outros tipos de gráficos.
• https://www.data-to-viz.com/

Tipos de gráficos
• O que evitar em um gráfico?
• Nunca use 3D.

Tipos de gráficos
• Eixo y secundário.
• Requer tempo de leitura.
• Pode indicar uma relação que talvez
não exista.
• Alternativa: separar verticalmente.

Tipos de gráficos
• Eixo y secundário.
• Requer tempo de leitura.
• Pode indicar uma relação que talvez
não exista.
• Alternativa: separar verticalmente.

Tipos de gráficos
• Cores exageradas.
• Dê preferência a tons
monocromáticos.
• Use cor moderadamente.
• Evite verde e vermelho: use azul e
laranja no lugar (acessibilidade).
• Tons de azul são boas escolhas!
http://www.vischeck.com/examples/

Tipos de gráficos
• Saturação.
• Devemos minimizar a carga
cognitiva.
• Relação sinal e ruído: menos é mais!
• Leitor descansado é leitor feliz.
• Gráfico com menos informação pode
transmitir melhor uma ideia.

Tipos de gráficos
• Saturação.
• Dica 1: evite bordas.

Tipos de gráficos
• Saturação.
• Dica 2: evite linhas de grade.

Tipos de gráficos
• Saturação.
• Dica 3: evite marcadores de dados
em gráficos de linha.

Tipos de gráficos
• Saturação.
• Dica 4: evite as legendas inclinadas
(leitura até 205% mais lenta!).

Tipos de gráficos
• Saturação.
• Dica 5: utilize cores de forma
consistente.

Tipos de gráficos
• Saturação.
• Dica 6: rotule apenas o essencial.

Tipos de gráficos
• Saturação.
• Dica 6: rotule apenas o essencial.

Tipos de gráficos
• Saturação.
• Dica 7: utilize uma fonte legível e
texto simples para rótulos, títulos,
legendas e fonte de dados do gráfico.

Princípios de Gestalt
• Campo de estudo da psicologia do início do século XX.
• Como as pessoas percebem a ordem do mundo ao redor?
• Como as pessoas interagem e produzem podem a partir de estímulos visuais?
• Ajuda a identificar elementos desnecessários em gráficos (ex.:
bordas).
• Proximidade, similaridade, acercamento, fechamento, continuidade e
conexão.

• Proximidade.
• Objetos fisicamente próximos fazem parte de um grupo.

• Similaridade.
• Similaridade de cor, tamanho ou orientação nos faz enxergar linhas e grupos
distintos.

• Acercamento.
• Objetos fisicamente delimitados são compreendidos como pertencentes a um
grupo.

• Fechamento.
• Tendemos a reconhecer conjuntos de elementos individuais como uma única
forma.
• Por isso bordas são dispensáveis!

• Continuidade.
• Tendência dos objetos em seguir uma linha de fluidez visual gradativa.
• Nossos olhos buscam o caminho mais suave e criam continuidade naturalmente.
• Elementos posicionados em uma linha ou curva são percebidos como mais relacionados.

• Conexão.
• Objetos fisicamente conectados são compreendidos como parte de um todo.
• Tem poder associativo mais forte do que cor, tamanho ou forma.
• Menos forte que acercamento.
• Em gráfico de linhas, nos ajudam a ver ordem nos dados.

Ordem visual

Ordem visual

Alinhamento
• Dê preferência ao alinhamento à esquerda e acima (leitura ocidental).
• Público enxerga como ler a tabela/gráfico antes de chegar aos dados
em si.
• Elementos diagonais devem ser evitados.
• Texto inclinado 45°: leitura 52% mais lenta.
• Texto inclinado 90°: leitura 205% mais lenta.

Espaço em branco
• Tão importante quanto pausas em discursos ou pontuação de textos.
• Chama a atenção do leitor para partes que não são espaços em
branco.
• A falta de espaço em branco traz desconforto.

Contraste
• A falta de contraste pode ser uma forma de saturação.
• Quanto mais diferente, menor o grau com que cada um se destaca.

Contraste
• A falta de contraste pode ser uma forma de saturação.
• Quanto mais diferente, menor o grau com que cada um se destaca.

Atributos pré-atentivos
• Olhos são atraídos para o
elemento diferente.
• Utilize para guiar a atenção do
leitor.

Atributos pré-atentivos em gráficos

• Traga de antemão o que os pontos importantes





Pense como um designer

• Use atributos atentivos (negrito, CAIXA ALTA, cores, tamanho)
• Direcione o foco.
• Elimine distrações.
• Nem todos os dados terão importância igual!
• Coloque em segundo plano os itens que não impactam a mensagem.
• Cores escuras chamam a atenção primeiro.
• Use linguagem simples.











• Erros mais comuns nos gráficos.
• Tipo de gráfico inadequado.
• Eixos sem rótulos ou descrição.
• Eixos/escalas não iniciadas em zero.
• Variações não explicadas nas escalas dos eixos.
• Unidades de medidas incorretas.
• Áreas desproporcionais à frequência dos dados.
• Excesso de informação ou “lixo gráfico”.


• Para se inspirar:
• https://piaui.folha.uol.com.br/lupa/epicentro/
• https://projects.fivethirtyeight.com/2020-election-forecast/
• https://pudding.cool/2018/12/3d-cities-story/
• https://medium.com/datavizbr

Referências
• EVERGREEN, S. D. H. Effective data visualization: the right chart for
the right data. Thousand Oaks: Sage Publications, 2016.
• KNAFLIC, C. N. Storytelling with data: a data visualization guide for
business professional. New Jersey: John Wiley & Sons, 2015.
• SILVA, P. N. Qualidade de dados em pesquisas: aula 11 – Gráficos
para apresentar dados estatísticos: o bom, o feio e o mau. Rio de
Janeiro: IBGE, 2017, 75 slides, color. Acompanha texto.

Aula 13 - Gráficos

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula 13 - Gráficos

Enviado por

Direitos autorais:

Formatos disponíveis

Planejamento de Pesquisas

Aula 13: Gráficos

ENCE - Escola Nacional de Ciências Estatísticas

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 2

Introdução à visualização de dados

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 3

Introdução à visualização de dados

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 4

Introdução à visualização de dados

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 5

Introdução à visualização de dados

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 6

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 7

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 8

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 9

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 10

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 11

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 12

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 13

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 14

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 15

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 16

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 17

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 18

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 19

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 20

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 21

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 22

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 23

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 24

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 25

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 26

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 27

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 28

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 29

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 30

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 31

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 32

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 33

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 34

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 35

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 36

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 37

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 38

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 39

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 40

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 41

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 42

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 43

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 44

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 45

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 46

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 47

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 48

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 49

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 50

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 51

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 52

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 53

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 54

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 55

Atributos pré-atentivos em gráficos

10/06/2021 PLANEJAMENTO DE PESQUISAS - Aula 13: gráficos 56

Atributos pré-atentivos em gráficos