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

Post on 01-Aug-2020

1 views 0 download

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

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

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

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

Rodrigo Menegatrodrigo@meneg.at

Julho/2019

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.

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

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

Para começar, definições e um

bocado de teoria

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.

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

Visualização de dados x

Infografia

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.

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.

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

SuperInteressante, fevereiro de 2011

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

Estadão, março de 2019

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.

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

Pô, legal. Mas pra que isso serve?

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

Em resumo:facilitar tarefas

mentais

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

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

Fonte: Banco Mundial

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

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

Fonte: Banco Mundial

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

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

Fonte: Banco Mundial

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

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

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

minha informação?

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

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

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

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

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

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

Mostrar evolução temporalLinhas passam a ideia de continuidade

The New York Times

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

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

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

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

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

Estadão

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

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

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

O velho embate:beleza ou precisão?

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.

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 é.

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

Vejamos um exemplo:

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ê?

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

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

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.

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

Peter Orntoft

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

Vamos elaborargráficos e ver

isso na prática

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.

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

Tarefa 1:Comparação simples

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

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

Tarefa 2:partes do todo

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

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

Outras coisas mais

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!