1.
DESIGN DA INFORMAÇÃO E
VISUALIZAÇÃO DE DADOS
Universidade Católica de Pernambuco - UNICAP
Ricardo Ruiz Freire

2.
OLÁ
- nome
- o que faz?
- cinema, stream ou videgame?

3.
CRONOGRAMA
27 - sexta
Introdução aos conceitos básicos de visualização de informação.
Análise de técnicas para codificação e representação visual de dados - I
28 - sábado
Análise de técnicas para codificação e representação visual de dados - II
Aplicação das técnicas de coleta, análise e visualização de dados no campo do jornalismo em relação ao seu projeto.
18 - sexta
Aspectos de design, percepção e cognição relacionada às técnicas de visualização de informação.
19 - sábado
Aplicação das técnicas de coleta, análise e visualização de dados no campo do jornalismo.

4.
Introdução a conceitos básicos de visualização da informação

5.
–Berit Brogaard1 and Dimitria Electra Gatzia
“imagery is a powerful force for perception and
imagination”

6.
“although visual imagery is quasi-pictorial, it need not share the
neural substrate or mechanism for vision for perception but likely
does overlap with the neural substrate and mechanism for vision
for action (...) the pictorial phenomenology of visual imagery can
be explained by the fact that it is processed in visual systems that
also process matching visual experience”
Brogaard, B., & Gatzia, D. E. (2017). Unconscious Imagination and the Mental Imagery
Debate. Frontiers in psychology, 8, 799. doi:10.3389/fpsyg.2017.00799

7.
–The Open University: Using Visualisation in Maths Teaching
“Visualizar significa invocar uma imagem mental de
alguma coisa - vê-la em sua mente.”

8.
–FernandaTávora
“os dados são importantes como forma
de representação e construção de narrativas, como
a existência deles, ou não, pode nos fazer entender
algumas questões presentes na sociedade, como é
importante ter acesso a esse conhecimento que fica
guardado nos bancos de dados e como esses dados
influenciam quem somos, como somos construídos e
vistos.”
https://medium.com/data-labe/quem-est%C3%A1-de-olho-nos-nossos-
dados-4f53a38f2301

9.
TABELAS E GRÁFICOS

10.
TABELAS: COMO FAZÊ-LAS?
• Coletar os dados
Coletar os dados por conta própria,
possivelmente de outras fontes
escritas (elas devem ser reconhecidas!);
recebido dados de alguém; encontrar
tabelas quase prontas na Internet; usar
um robô para obter dados; assinar um
serviço pago, como
www.statista.com
• Decida sobre os dados a
serem apresentados
Uma forma fácil de acompanhar; mais
de oito colunas dificultam o
entendimento.

11.
Frutos, Ruth de, & Giannone, Diego. (2018). Mudanças metodológicas e desafios na medição
da liberdade de informação: Uma análise dos índices Repórteres Sem Fronteiras e Freedom
House. Comunicação e Sociedade, 33, 271-290. https://dx.doi.org/10.17231/comsoc.
33(2018).2917

12.
ONDE MAIS ACHAR DADOS
FÁCEIS?
• WikiLeaks
• dadosabertos.org.bbr
• bigdata.icict.fiocruz.br
• dadoseducacionais.c3sl.ufpr.br

13.
GRÁFICOS DE LINHAS
• um diagrama que mostra
uma linha que une vários
pontos;
• relação entre duas variáveis;
• como uma coisa varia em
comparação com outra.

14.
GRÁFICOS DE BARRAS
• valores numéricos das
diferentes variáveis são
representados pela altura
ou comprimento dos
retângulos de igual largura;
• fácil de entender;
• deve ser usado para dados
que podem ser contados.

15.
HISTOGRAMAS
• gráfico de barras com
barras adjacentes se
tocando;
• pode ser usado para dados
contínuos ou medidos em
uma escala numérica
contínua.

16.
GRÁFICOS PIZZA
• um gráfico circular;
• é dividido em segmentos para
mostrar porcentagens ou
contribuições relativas de
categorias de dados.
• fornece uma idéia visual
imediata dos tamanhos relativos
das ações de um todo. É um
bom método de representação
para comparar uma parte de
um grupo com o grupo inteiro

17.
DIAGRAMA KIVIAT
• apresentar dados
multivariáveis quantitativas
representadas em eixos que
partem do mesmo ponto.

18.
ANÁLISE
• Como analisar um conjunto de dados para
resumir as informações fornecidas da maneira
mais rápida e simples possível?
• Peça ajuda à matemática!

19.
• Média aritmética: considerada uma medida de
tendência central e é muito utilizada no cotidiano.
Surge do resultado divisão do somatório dos
números dados pela quantidade de
números somados.
• média dos números 3, 12, 23, 15, 2.
Ma = (3+12+23+15+2) / 5
Ma = 55 / 5
Ma = 11
A média dos números é igual a 11.

20.
• Moda: A moda (representada por “Mo”) de
um conjunto de dados é definida como o
valor de maior freqüência, isto é, o valor que
mais aparece.

21.
• Mediana:A mediana de um conjunto de informações observadas é definida
como o arranjo das observações em ordem de grandeza.Assim para o conjunto
de dados: -7; -3; 0; 2; 4; 5; 5,5; 6; 8; 12 e 15, a mediana é 5 (Md = 5). Se houver um
número par de observações, a mediana será a média das duas observações
centrais. Por exemplo, se o valor 0 fosse omitido do conjunto anterior, a mediana
seria Md = 5,25.
• A mediana é menos utilizada do que a média aritmética.
• emprego da mediana se faz necessário, especialmente em dados com aberrantes:
renda per capita de sete famílias
240,00; 370,00; 410,00; 520,00; 630,00; 680,00 e 820,00,
mediana: 520,00 (Md = 520,00)
média aritmética = 524,00.
240,00; 370,00; 410,00; 520,00; 630,00; 680,00 e 10.000,00,
mediana: 520,00 (Md = 520,00)
média aritmética = 1.836,00.

22.
SAINDO DA CAIXA
Para além dos gráficos matemáticos

23.
INFOGRÁFICOS
• textos visuais explicativos e
informativos associados a
elementos não verbais, tais
como imagens, sons,
gráficos, hiperlinks etc.

24.
HTTPS://
MAKEAWEBSITEHUB.COM/
BEST-INFOGRAPHICS/

25.
BUREAU D'ETUDES
https://bureaudetudes.org/ - desde 2002

26.
ICONOCLASISTAS
https://www.iconoclasistas.net/ - 2006

27.
PABLO DEVOTO
pablodesoto.org

28.
SENSIBLE CITY LAB - MIT
http://senseable.mit.edu/

29.
AI station
https://www.youtube.com/watch?time_continue=79&v=0aGav-7QudM
Underworlds
https://www.youtube.com/watch?time_continue=124&v=5_9J5Ih60XA

30.
DATA_LABE
datalabe.org

31.
ESCOLA DE DADOS
escoladedados.org

32.
VOLT
voltdata.info

33.
SOFTWARES

34.
EDITOR DE
PLANILHAS
excel, google sheets, gnumeric,
numbers…

35.
POWER BI
micro$oft

36.
WATSON
IBM

37.
VISME
visme.co

38.
CHARTBLOCKS
chartblocks.com

39.
DATAWRAPPER
datawrapper.de

40.
INFOGRAM
infogram.com

41.
PIKTOCHART
pictochart.com

42.
LUCIDPRESS
lucidpress.com

43.
QUAL A
IDEIA?
O planejamento define o
software