• ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição...

49
www.escoladedados.org www.facebook.com/escoladedados www.twitter.com/escoladedados

Transcript of • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição...

Page 1: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Page 2: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Visualização: qual é a “cara” dos meus dados?

Rodrigo [email protected]

Julho/2019

Page 3: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Chegamos ao penúltimo módulo, enfim!O que vamos aprender aqui?

A parte mais legal (na minha opinião super-parcial) de todo o trabalho

com dados: transformar a numeralha em gráficos que atraiam a

atenção do leitor e, principalmente, ajudem o público a perceber

fenômenos que não poderiam enxergar de outra maneira.

Page 4: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Chegamos ao penúltimo módulo, enfim!O que vamos aprender aqui?

Para isso, vamos estudar os seguintes temas:

- Definições e princípios teóricos da visualização de dados

- Os principais tipos de gráfico e quando usar cada um

- Os erros mais comuns na hora de montar um gráfico

- Análise exploratória de dados usando gráficos

- Os trabalhos que estão na vanguarda da área

- Como montar gráficos simples em ferramentas online

Page 5: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Para começar, definições e um

bocado de teoria

Page 6: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Precisamos dar nome aos boisSó assim vamos conseguir sair do lugar

Sem saber do que diabos estamos falando, fica difícil ensinar qualquer

coisa. E a melhor maneira de definir o que é visualização de dados é

através de uma comparação com um conceito que já é mais familiar

entre o pessoal das redações.

Page 7: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Visualização de dados x

Infografia

Page 8: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Esclarecendo conceitosO que é visualização de dados, afinal?

Gosto de descrever meu trabalho da seguinte maneira: eu reúno e

apresento informações quantitativas para permitir que os leitores

percebam padrões e tendências que não veriam de outra maneira.

Page 9: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Esclarecendo conceitosO que é visualização de dados, afinal?

No jornal, há quem chame minhas produções de “infográficos”. Não

gosto dessa definição. Um infográfico narra um evento que existe

fisicamente, quase sempre transcorrido de forma linear. Uma

visualização de dados mostra um fenômeno quantitativo, muitas

vezes abstrato.

Page 10: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

SuperInteressante, fevereiro de 2011

Page 11: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Estadão, março de 2019

Page 12: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Esclarecendo conceitosO que é visualização de dados, afinal?

Note que a visualização de dados coloca informação quantitativa

em contexto, enquanto a infografia mostra como um

acontecimento se desenrolou.

Page 13: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Pô, legal. Mas pra que isso serve?

Page 14: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Em resumo:facilitar tarefas

mentais

Page 15: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Ué, tarefas mentais?

Tabelas são difíceis de ler. Textos com números enormes citados

aleatoriamente também. Um bom gráfico serve para tornar a

mensagem clara, de modo que o público não precise arrancar os

cabelos para encontrar a informação.

Sim. Você quer poupar a energia do leitor

Page 16: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Fonte: Banco Mundial

Page 17: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Não dá para sacar nada!

Com os dados brutos, é bem difícil descobrir coisas básicas, como

qual é o país com maior PIB. Teríamos que ler a tabela linha por

linha, memorizando valores e fazendo centenas de comparações. Só

de pensar, já quero largar a matéria e assistir Netflix.

Com essa tabela, o leitor precisa fazer todo o trabalho por nós

Page 18: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Fonte: Banco Mundial

Page 19: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Melhorou bastante

Ok, já conseguimos notar bem fácil que EUA e China têm os maiores

PIBs do mundo, mas não é fácil assim comparar os outros.

Qual é maior: Índia, França ou Reino Unido?

Mas ainda há trabalho sobrando

Page 20: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Fonte: Banco Mundial

Page 21: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

O que fizemos para melhorar?

- Definir qual é a tarefa que o gráfico quer facilitar

- Filtrar os dados e manter aqueles relevantes para essa operação

- Escolher uma representação gráfica adequada

- Ordenar os valores ao final

Pequenas coisas que valem muito

Page 22: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Como eu sei qual é o gráfico correto para a

minha informação?

Page 23: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Escolhendo o gráfico correto

Antes de decidir qual é o melhor gráfico para sua matéria, você

precisa saber exatamente que aspecto dos dados quer destacar.

Depois de fazer a lição de casa, o que resta é escolher um formato

que comunica essa mensagem de forma eficiente e elegante.

Para isso, é útil saber como nós, humanos, percebemos formas.

Tudo depende do que você quer mostrar

Page 24: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Escolhendo o gráfico correto

No exemplo, queríamos facilitar a tarefa de ordenar valores.

O gráfico de barras é bom para isso. Entretanto, outros formatos

podem ser melhores para outros objetivos. Vamos passar

rapidamente por alguns dos principais usos de cada um.

Tudo depende do que você quer mostrar

Page 25: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Por Peter Aldhous - http://paldhous.github.io/ucb/2016/dataviz/week2.html

Page 26: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Nem tudo precisa virar barras

No exemplo, queríamos facilitar a tarefa de ordenar valores com

alta precisão. O gráfico de barras é bom para isso. Entretanto, outros

formatos podem ser melhores para outros objetivos. Vamos passar

rapidamente por alguns dos principais.

Tudo depende do que você quer mostrar

Page 27: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Mostrar evolução temporalLinhas passam a ideia de continuidade

The New York Times

Page 28: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Pizzas não são muito boasApesar de populares, são ruins de ler

Page 29: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Em geral, barras são melhoresEspecialmente quando há mais de três valores

Page 30: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Mostrar proporções geraisPerder precisão para ganhar perspectiva

Estadão

Page 31: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Mostrar correlaçãoNão tenha medo dos gráficos de dispersão

Estadão

Page 32: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Em todo os outros casos...

datavizcatalogue.com

...tenha sempre à mão essa colinha útil

Page 33: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

O velho embate:beleza ou precisão?

Page 34: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Perspectiva um: técnicaNossa missão é informar com precisão

Há quem diga que visualizações devem tentar ser o mais minimalistas

possíveis, focando apenas no conteúdo numérico que querem expor.

O objetivo delas, afinal, é comunicar uma informação da maneira mais

precisa e eficiente possível.

Page 35: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Perspectiva um: técnicaNossa missão é informar com precisão

Um dos teóricos que melhor representa esse pensamento é Edward

Tufte. Ele escreveu um livro fundamental chamado ‘Visual Display of

Quantitative Information’. Uma de suas máximas é a seguinte: quanto

menos tinta gastarmos para criar um gráfico, mais efetivo ele é.

Page 36: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Vejamos um exemplo:

Page 37: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Funciona que é uma beleza

O gráfico final enfatiza a informação, descartando detalhes meramente

decorativos. Esses detalhes que pouco acrescentam ficaram conhecidos como

“chartjunk”: lixo gráfico que precisa ser descartado.

Mas por quê?

Page 38: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Perspectiva dois: belezaAfinal, temos que atrair os leitores

Gosto de citar o exemplo do Nigel Holmes. Ele fez carreira na revista

Time, onde foi diretor do departamento de gráficos e desenhava

gráficos que deviam dar nos nervos do Tufte

Page 39: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Page 40: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

E afinal, quem queremos ser?Na verdade, um pouco dos dois

A grande questão é saber usar elementos atraentes sem perder

(tanta) precisão.

Page 41: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Peter Orntoft

Page 42: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Vamos elaborargráficos e ver

isso na prática

Page 43: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Antes de começar, se prepareBaixe os arquivos e acesse o site

Primeiro, baixe as bases de dados disponibilizadas no índice desse

módulo. Depois, acesse o site datawrapper.de, onde vamos elaborar

alguns gráficos simples e colocar tudo o que aprendemos em prática.

Page 44: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Tarefa 1:Comparação simples

Page 45: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Tarefa 1Comparação simples

Nossa base: população das cidades brasileiras

Nosso objetivo: mostrar quais são as cidades mais populosas

Page 46: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Tarefa 2:partes do todo

Page 47: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Tarefa 2Exibir partes do todo

Nossa base: o time onde atua cada jogador da Seleção Brasileira

Nosso objetivo: mostrar qual liga concentra mais atletas

Page 48: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Outras coisas mais

Page 49: • ... · precisa saber exatamente que aspecto dos dados quer destacar. Depois de fazer a lição de casa, o que resta é escolher um formato que comunica essa mensagem de forma

www.escoladedados.org • www.facebook.com/escoladedados • www.twitter.com/escoladedados

Textos de apoioÉ importante ler!

Além do conteúdo dos vídeos, preparei alguns textos para que vocês

leiam - estão todos no índice do módulo. O primeiro recapitula o que

vimos aqui, mas os outros trazem temas novos: como evitar erros,

como usar visualização ainda na apuração de uma matéria, uma lista

de ferramentas para elaborar gráficos e alguns exemplos de trabalhos

inovadores. Você vai precisar deles para fazer o teste da

semana!