data visualization
labels & axes
Annotations, eixos, formatting numérico, direct labels vs legenda. As decisões textuais que separam um chart claro de um confuso.
direct labels vs legenda
Quando há poucas séries (≤3) e ponta da linha não colide, direct labels eliminam ida-e-volta do olho.
✓ direct labels
leitura direta sem legenda
Adicione <text> no fim de cada linha
✓ legenda
3+ séries · cores próximas
abc
eixos
- Eixo Y começa em zero pra bar e area (truncar distorce)
- Eixo Y pode truncar em line se variação for sutil — sempre indique
- Eixo X tempo: da esquerda pra direita, mais antigo → mais recente
- Eixo X categorias: ordenadas por valor (decrescente)
- Título do eixo só quando ambíguo (omita 'tempo' óbvio em time series)
- Unidades sempre presentes (R$ mil, %, count)
formatting numérico
| contexto | formato | exemplo |
|---|---|---|
| valores grandes | separador de milhar | 1.547 · 23.487 · 1.250.000 |
| decimais | vírgula | 3,2% · 1,5x · R$ 4,99 |
| abreviações | K/M/B em axes apertados | 1,5K · 230M |
| moeda | R$ + número | R$ 1.250,00 |
| porcentagem | sufixo % | 18,5% |
| data | dd/mm ou dd/mm/aaaa | 15/05 · 15/05/2026 |
| delta | + ou ↑ / - ou ↓ | +18% · ↓3,2pp · -R$ 50 |
annotations
Quando há marco crítico (recorde, meta atingida, anomalia), anote diretamente no chart.
com annotation
destaca o marco
demonstração