Oficinas em
Ciência de Dados

Visualizações, Dashboards e Hands-on

Agenda do Dia

• Fundamentos: Gramática dos Gráficos (30min)
  • Data-to-Viz guide
• 10 Princípios para Melhores Visualizações (60min)
  • Exemplos “ruim vs bom”
• Design de Dashboards Profissionais (30min)
  • UX/UI, componentes essenciais
• Pausa (10min)
• Hands-on: Dashboard Interativo (1h20)
  • Do gráfico estático ao dashboard completo

Por que Visualizar Dados?

“Números podem mentir. Visualizações revelam a verdade.”

O Quarteto de Anscombe (1973)

Quatro conjuntos de dados estatisticamente idênticos:

• Mesma média X: 9.0
  
• Mesma média Y: 7.50
• Mesma correlação: 0.816
• Mesma reta de regressão: y = 3.00 + 0.500x

Mas quando visualizados…

O Quarteto de Anscombe (1973)

A Gramática dos Gráficos

Escolhendo o Gráfico Certo

https://www.data-to-viz.com/#explore

10 Princípios para
Melhores Visualizações

1. Identifique sua Mensagem Antes de Escolher o Gráfico

“Se você tivesse apenas uma frase, qual seria?”

A geometria deve responder à pergunta analítica

2. Respeite a Hierarquia da Atenção Visual

“Nem tudo pode ser protagonista”

2. Respeite a Hierarquia da Atenção Visual

3. Seja Honesto com Escalas e Proporções

“Escalas devem revelar, não enganar”

4. Use Cores com Propósito Semântico

“Cada cor deve ter um significado”

5. Elimine Clutter: Maximize a Razão Dados/Tinta

“Todo elemento consome atenção cognitiva”

6. Forneça Contexto que Importa

“O gráfico deve ser autoexplicativo”

Inclua: Unidades, período, fonte dos dados

7. Ordene Dados de Forma Intuitiva

“Ordem alfabética raramente é a melhor”

Estratégias de Ordenação:

• Por valor: Maior → Menor (comparações)
• Cronológica: Para séries temporais
• Lógica do domínio: Categorias naturais

Evite: Ordem aleatória ou apenas alfabética

8. Facilite Comparações Visuais

“Comparações devem ser instantâneas”

Escolha da Geometria:

• Barras: Comprimentos são fáceis de comparar
• Pizza: Apenas 2-3 categorias, foco em proporção
• Linhas: Mudanças ao longo do tempo

Regra: Alinhe elementos comparáveis na mesma base

8. Quando Pizza Funciona

8. Quando Pizza Funciona

9. Mantenha Consistência Visual

“Padronização reduz carga cognitiva”

9. Mantenha Consistência Visual

10. Questione Correlações e Teste com Usuários

“Correlação ≠ Causa”

Exemplo Clássico:

Observação: “Vendas de sorvete ↑ = Afogamentos ↑”
Conclusão Errada: “Sorvete causa afogamentos”
Realidade: Ambos aumentam no verão (terceira variável)

Sempre: Teste se sua visualização comunica o que você pensa que comunica

Resumo dos 10 Princípios

1. Mensagem antes do gráfico
2. Hierarquia visual clara
3. Escalas honestas
4. Cores com propósito
5. Elimine clutter

6. Contexto adequado
7. Ordem intuitiva
8. Facilite comparações
9. Interatividade útil
10. Teste e questione

Design de Dashboards Profissionais

“Um dashboard é uma prévia rápida das informações mais cruciais no momento que o usuário está olhando”

Resolução Base: 1280x720 (16:9)

* Preferência

Anatomia de um Dashboard

Alguns Componentes Fundamentais

Componente	Função	Exemplo
Navbar	Navegação principal	Logo, menu, usuário
Sidebar	Filtros permanentes	Por região, período
Card	Container de conteúdo	KPIs, gráficos
Select	Seleção de opções	Filtro de Regiões

Princípios de UX para Dashboards

Lei dos 5 Segundos

O insight principal deve ser visível em 5 segundos

Hierarquia Visual Clara

Use tamanhos, cores e posicionamento para guiar a atenção

Leitura em Z

A disposição dos elementos em um dashboard deve seguir o padrão de leitura em Z, guiando naturalmente o olhar do usuário

Pausa de 10 minutos

10:00

Link do Notebook para o Hands-on

bit.ly/oficinas-dados-dia2

Próxima Oficina

Módulo 3: Inferência Estatística

Obrigado!

github.com/damarals

linkedin.com/in/damarals