Este documento discute técnicas de visualização de dados para contar histórias de forma efetiva. Apresenta áreas como engenharia de dados, ciência de dados e visualização de dados. Discutem a importância do contexto e do público-alvo. Apresenta exemplos de storyboards para explicar um problema com adolescentes e ciências exatas. Explora gráficos adequados para diferentes tipos de dados e como destacar informações visuais chaves.

1. Storytelling with Data
Agile Trends São Paulo 2017
Andressa Sivolella

2. Motivação

3. Áreas em Análise de Dados
3
Engenharia
de
Dados
Ciência
de
Dados
Visualização
de
Dados

4. 4
http://www.storytellingwithdata.com/

5. A importância do Contexto

6. Ao vivo? vs ”Offline?”
6

7. Storyboard
7

8. Storyboard
8
Problema
Adolescentes tem
resistência com
ciências exatas
Análise exploratória
dos dados

9. Storyboard
9
Problema
Adolescentes tem
resistência com
ciências exatas
Resultado de análise
exploratória

10. Storyboard
10
Problema
Adolescentes tem
resistência com
ciências exatas
Levantando hipóteses

11. Storyboard
11
Problema
Adolescentes tem
resistência com
ciências exatas
Piloto
Descrever como seria um
piloto para ir em busca de
soluções MVP/Protótipo

12. Storyboard
12
Problema
Adolescentes tem
resistência com
ciências exatas
Piloto
Descrever como seria um
piloto para ir em busca de
soluções
Antes e Depois
Mostrar resultados
comparativos do antes
e do depois Gráficos!

13. Storyboard
13
Problema
Adolescentes tem
resistência com
ciências exatas
Piloto
Descrever como seria um
piloto para ir em busca de
soluções
Antes e Depois
Mostrar resultados
comparativos do antes
e do depois
Sucesso
Piloto foi um sucesso!
É hora de
expandir o piloto

14. Pontos Chaves
oComo?
oO que?
oPra quem?
14

15. Qual gráfico utilizar?

16. 16

17. 17
Qual é o dado relevante
que queremos apresentar?

18. 18

19. 19

20. Categorias
20

21. Categorias
21

22. Múltiplas categorias
22

23. Valores contínuos
23

24. Valores contínuos
24

25. Dados temporais
25

26. Slopegraphs
26

27. Slopegraphs
27

28. Área
28

29. ”Nunca use gráfico de pizza”
29

30. ”Gráficos de pizza são do mal”
30

31. Uma alternativa…
31

32. ”Evite comidas em geral!”
32

33. Pontos Chaves
33
Destaque números

34. Pontos Chaves
34
Destaque números Destaque Células

35. Pontos Chaves
35
Destaque números Destaque Células Compare categorias

36. Pontos Chaves
36
Destaque números Destaque Células Compare categorias
Compare
valores contínuos

37. Pontos Chaves
37
Destaque números Destaque Células Compare categorias
Compare
valores contínuos
Associe tempo a
gráfico de linha

38. Pontos Chaves
38
Destaque números Destaque Células Compare categorias
Compare
valores contínuos
Associe tempo a
gráfico de linha
Evite comidas
(e 3D)

39. Identificando os inimigos

40. 40
Princípios de Gestalt da Percepção Visual

41. Proximidade
41
Identificação de grupos

42. Proximidade
42
Identificação de colunas/linhas

43. Similaridade
43
Linhas ou Colunas?

44. ”Cerco” (enclosure)
44

45. ”Borda” (closure)
45

46. Continuidade
46
Como são os retângulos
se eu separá-los?

47. Continuidade
47

48. Continuidade
48

49. Conectividade
49

50. Conectividade
50

51. Pontos Chaves
51

52. Pontos Chaves
52
Removendo a borda…

53. Pontos Chaves
53
Removendo as linhas (o grid)…

54. Pontos Chaves
54
Removendo os marcadores…

55. Pontos Chave
55
Acertando os eixos…

56. Pontos Chave
56
Removendo legenda…

57. A atenção da sua audiência

58. Ajude a audiência
58

59. Ajude a audiência
59

60. Destaque com cores
60

61. Destaque com cores
61

62. Destaque com cores
62
http://www.checkmycolours.com/
Cuidado com pessoas daltônicas
http://colororacle.org/
http://checkmycolours.com/

63. Visão Zigzag
63

64. Alguns Cases
http://www.storytellingwithdata.com/gallery/

65. ”E daí?”
65

66. 66

67. 67

68. 68

69. Alternativas às Pizzas
69

70. 70

71. Alternativa #1
71

72. Alternativa #2
72

73. Alternativa #3
73

74. Obrigada
=)
@asivolella

75. 75xkcd