data visualization
Sistema de visualização de dados Casa Hacker. Charts respondem perguntas — escolha errada de chart gera mais confusão que clareza. Tipos canônicos, paletas brand-aligned, padrões de interação e regras de acessibilidade.
por que data viz
A Casa Hacker mede impacto: alunos matriculados, hackerclubes ativos, oficinas realizadas, parcerias firmadas. Dados sem visualização são planilhas — visualizações sem método são desinformação. Este sistema dá vocabulário visual consistente em produto, relatório e impressos.
4 princípios
verdadeiro
O chart conta a verdade dos dados. Eixo Y começa no zero quando faz sentido. Sem distorções intencionais ou acidentais.
simples
1 mensagem por chart. Tira tudo o que não ajuda a entender. Chart-junk (grades pesadas, sombras, gradientes decorativos) sai.
acessível
Cor + texto + ícone. Tabular fallback. Daltonismo-safe. Funciona com leitor de tela.
insightful
Não basta ser bonito — precisa revelar padrão, comparar, contar uma história que números crus não contam.
que chart usar?
Comece pela pergunta. Cada pergunta tem 1-2 charts ideais.
| pergunta | chart ideal |
|---|---|
| Comparar valores entre categorias | Bar |
| Mostrar mudança ao longo do tempo | Line |
| Mostrar composição (% do todo) | Pie/Donut (≤5 fatias) ou Stacked bar |
| Mostrar distribuição de valores | Histogram |
| Correlação entre duas variáveis | Scatter |
| Densidade de valores em 2D | Heatmap |
| Hierarquia + proporção | Treemap |
| Evolução de partes ao longo do tempo | Stacked area |
| Métrica única destacada | Big number / KPI tile |
| Tendência inline em pouco espaço | Sparkline |
preview
Cada uma das 8 páginas desta seção entra em detalhe.
chart anatomy
Partes universais de qualquer chart.
explorarchart types
12 tipos com SVG, código e quando usar.
explorarcolor palettes
Categórica · sequencial · divergente · status.
explorarlabels & axes
Annotations, formatting numérico, eixos.
explorarinteraction
Hover, tooltip, legend toggle, drill-down.
exploraraccessibility
Alt text, fallback tabular, color-blind safe.
explorarexamples
Dashboards compostos, casos Casa Hacker reais.
explorar