data visualization
examples
Composições reais de dashboards Casa Hacker. Como vários charts trabalham juntos pra contar uma história única.
dashboard · impacto hackerclubes
Composição típica de relatório mensal de programa. Layout 3 KPIs + 2 charts.
alunos · mai/2026
2.847
↑ 18% vs abr
clubes ativos
145
↑ 6 novos
churn mensal
3,2%
↓ -0,5pp
evolução de alunos · 2026
crescimento mensal
alunos
demonstração
clubes por região
distribuição geográfica
demonstração
relatório · perifa impacto
Foco em métricas de impacto social. Comparação ano sobre ano + composição.
oficinas realizadas · 2024-2026
evolução acumulada
demonstração
composição de programa
alocação 2026
hackerclubesinclusãominasmão massaperifa
demonstração
atividade · portal hacker clubes
Heatmap de atividade horária + KPIs com sparklines.
acessos · últimos 30d
14.523
↑ 22%
sessões médias
8min 32s
↑ 12%
conversão de cadastro
38,5%
↓ -1,2pp
atividade · hora × dia da semana
intensidade de acessos
demonstração · 30d acumulados
tips de layout
- KPIs sempre no topo (info crítica primeiro)
- Charts complementares lado-a-lado (2-coluna)
- Heatmap/treemap ocupando largura total quando denso
- Spacing entre charts: spacing-05 (16px)
- Em mobile, charts viram 1-coluna (já configurado em .chart-grid)
- Use mesma paleta categórica em todo o dashboard pra consistência
- Sincronize cores entre charts (hackerclubes = sempre cat-1)