1) O documento apresenta um cronograma de um curso sobre design da informação e visualização de dados. 2) Inclui conceitos básicos de visualização de dados e técnicas para codificação e representação visual de dados. 3) Também discute ferramentas para coleta, análise e visualização de dados no jornalismo.

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

10. TABELAS E GRÁFICOS

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

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

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

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

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

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

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

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

19. 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!

20. • 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.

21. • 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.

22. • 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.

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

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

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

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

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

40. PABLO DEVOTO
pablodesoto.org

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

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

44. DATA_LABE
datalabe.org

49. ESCOLA DE DADOS
escoladedados.org

52. VOLT
voltdata.info

53. SOFTWARES

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

55. POWER BI
micro$oft

56. WATSON
IBM

57. VISME
visme.co

58. CHARTBLOCKS
chartblocks.com

59. DATAWRAPPER
datawrapper.de

60. INFOGRAM
infogram.com

61. PIKTOCHART
pictochart.com

62. LUCIDPRESS
lucidpress.com

63. QUAL A
IDEIA?
O planejamento define o
software