# 22 — Visualização e Storytelling

> **Estado da arte capturado em 2026-08** · última revisão 2026-08-10 · [histórico](../HISTORICO.md)
>
> **Nível: essencial.** Corpo escrito e prática funcionando; o aprofundamento (experimento próprio, todas as fontes conferidas, cláusula de expiração) vem em ciclo próprio — ver [níveis de maturidade](../GUIA-EDITORIAL.md#niveis-de-maturidade).

## Objetivos de aprendizagem

- **O1.** Escolher o tipo de gráfico adequado à pergunta e ao tipo de variável.
- **O2.** Identificar distorções visuais que induzem a conclusões erradas.
- **O3.** Construir uma narrativa de dados com começo, tensão e recomendação.
- **O4.** Adaptar a mesma análise para públicos técnico e executivo.

## O problema: quando o gráfico não muda nada

Uma análise que ninguém entende não muda decisão nenhuma — e uma análise que não muda decisão nenhuma não valeu o custo.

O [capítulo 21](21-analise-exploratoria.md) é olhar para **descobrir**: você desenha vinte gráficos feios, para si mesmo, e joga dezenove fora. Este capítulo é outra coisa: mostrar para **convencer**. O público é outro, o tempo de atenção é outro, e o erro também é outro. Lá o risco era não ver o padrão; aqui o risco é o leitor ver um padrão que não existe — e decidir com base nele. O [capítulo 25](25-do-modelo-a-decisao.md) é onde a decisão acontece de fato; este é a ponte.

Visualização é interface. Como toda interface, ela pode ser honesta ou pode enganar — inclusive sem que ninguém tenha querido enganar.

## De onde isto veio

**O aperto.** Fim do século XVIII. O comércio internacional cresce, os governos precisam acompanhá-lo, e os números existem em um único formato: **tabelas**. William Playfair — engenheiro e economista político escocês — queria algo que a tabela não dava: que um leitor apreendesse uma tendência de décadas **de relance**, sem somar coluna nenhuma.

**O que se fazia antes.** Tabela de números, lida linha a linha. Para comparar dois anos, o leitor fazia a subtração de cabeça; para ver uma tendência de trinta anos, fazia trinta.

**A virada.** Usar **posição** e **comprimento** para representar quantidade. Se a quantidade vira distância no papel, comparar deixa de ser aritmética e vira percepção. Dessa ideia saem o gráfico de linhas e o de barras — os dois nascem ali.

**A ideia reaproveitável — e é o achado deste capítulo: uma restrição de dados pode gerar uma forma nova.** O atlas de Playfair é feito de séries temporais: 34 pranchas de importação e exportação ao longo dos anos, todas em linha. Mas para a **Escócia** ele tinha os dados de **um único ano (1781)**. Sem eixo do tempo não há linha a traçar. A saída foi desenhar 34 **barras**, uma para cada sentido do comércio com 17 parceiros. Beniger & Robyn resumem: *"Playfair was driven to this invention by a lack of data"*. Ou seja: **a barra não é uma linha simplificada — é a resposta a uma pergunta que a linha não podia responder.** Guarde isso, porque é a razão de o próximo tópico existir: cada forma responde a um tipo de pergunta, e usar a forma errada é responder outra coisa.

É o mesmo padrão do [capítulo 18](18-neuronio-artificial.md) — McCulloch e Pitts fazem um neurônio **sem aprendizado** porque não havia como treinar — e do [capítulo 23](23-analise-multidimensional.md), onde o cubo OLAP pré-computa porque a consulta era lenta demais. Restrição material gera forma nova; e a forma sobrevive à restrição que a criou.

**O nome.** *The Commercial and Political Atlas*, 1786 (com uma edição preliminar privada em 1785). O próprio Playfair explicou por que insistia: *"As the knowledge of mankind increases, and transactions multiply, it becomes more and more desirable to abbreviate and facilitate the modes of conveying information."*

**Procedência das afirmações desta seção:**

| Selo | Afirmação |
|---|---|
| ✓ᵐ | Playfair, *The Commercial and Political Atlas* (1786; edição preliminar privada em 1785), e a invenção do gráfico de linhas e do de barras |
| ⏳ | Que antes disso o padrão fosse a tabela lida linha a linha |
| ⏳ | A citação de Beniger & Robyn (1978), *"driven to this invention by a lack of data"*, tomada de [friendly.github.io/HistDataVis](https://friendly.github.io/HistDataVis/ch05-playfair.html) — fonte secundária que cita a primária; **não conferida** em Beniger & Robyn |
| ⏳ | A frase do próprio Playfair — citada de forma consistente em várias secundárias; **não conferida** na edição de 1786 |
| 📖 | A leitura de que "uma restrição de dados pode gerar uma forma nova", e o paralelo com os capítulos 18 e 23 |

## Fundamentos: a pergunta escolhe o gráfico

Não se escolhe gráfico por gosto nem por variedade. Escolhe-se pela pergunta que ele responde.

| A pergunta | A forma | Por quê |
|---|---|---|
| **Comparação** — quem é maior? | barra | comprimento a partir de uma base comum é o que o olho compara melhor |
| **Evolução** — para onde está indo? | linha | a inclinação vira tendência, sem esforço |
| **Distribuição** — como os valores se espalham? | histograma, boxplot | mostra forma, cauda e assimetria, que a média esconde |
| **Relação** — X anda junto com Y? | dispersão | dois eixos, um ponto por observação |
| **Composição** — de que isto é feito? | barra empilhada; pizza **às vezes** | só vale quando as partes somam um todo com significado |

O **boxplot** dessa tabela é de Tukey, e é o mesmo do [capítulo 21](21-analise-exploratoria.md) — lá como ferramenta de descoberta, aqui como forma de comunicar espalhamento sem despejar a base inteira na tela.

### Por que a pizza quase sempre perde

A pizza codifica quantidade em **ângulo** (e área). A barra codifica em **comprimento**. O olho humano compara comprimentos com precisão e ângulos com dificuldade: numa pizza de seis fatias parecidas, quase ninguém acerta a ordem — e ordenar é justamente a pergunta mais comum.

A regra prática: a pizza só se sustenta com **duas ou três** categorias, quando o todo importa mais que a ordem ("dois terços da receita vêm de um produto"). Fora disso, use barra. E nunca ponha pizza em 3D com fatia destacada: a perspectiva aumenta a área das fatias da frente, ou seja, o enfeite muda o número lido.

:::exercicio {"id":"22-e1","tipo":"multipla","objetivo":"O1","dificuldade":"media"}
Você quer mostrar **como o tempo de resposta da API se espalha** entre as requisições — se há cauda longa, onde estão os piores casos. Qual forma responde a essa pergunta?

- [ ] Um gráfico de pizza com a fatia de cada faixa de tempo.
- [ ] Um gráfico de barras com o tempo **médio** de resposta por dia.
- [x] Um histograma (ou boxplot) dos tempos de resposta.
- [ ] Um gráfico de linhas do tempo médio ao longo da semana.

> **gabarito:** Histograma ou boxplot
> **porque:** A pergunta é de **distribuição** — "como os valores se espalham" —, e só histograma e boxplot mostram forma, cauda e assimetria. Latência quase sempre tem cauda longa: a média fica confortável e o percentil 99 é o que derruba o usuário.
>
> As duas alternativas com **média** (barra por dia, linha na semana) são o erro mais comum e o mais caro: elas respondem "quanto, em geral" e "para onde está indo", que são perguntas de comparação e de evolução — e a média é exatamente a estatística que apaga a cauda que você foi procurar. A pizza é a pior de todas: fatiar o tempo em faixas transforma uma variável contínua em composição, e ainda entrega a comparação ao ângulo, que o olho lê mal.
> **volte para:** #fundamentos-a-pergunta-escolhe-o-grafico
:::

## Como um gráfico mente sem dizer uma mentira

Nenhum dos truques abaixo falsifica um número. Todos mudam a conclusão.

**Eixo Y truncado.** Comece o eixo em 97 em vez de 0 e uma queda de 3% vira um despenhadeiro. O leitor não lê a escala — lê a **altura da barra**. Como o comprimento é o que codifica a quantidade, cortar a base quebra a codificação: as barras deixam de ser proporcionais ao que representam. Regra: **barra sempre parte do zero**; linha pode não partir, porque nela o que codifica é a inclinação, não o comprimento — mas o corte precisa estar visível e declarado.

**Área por raio.** Ao dobrar o valor, dobrar o raio de um círculo quadruplica a área. O leitor lê a área. Um crescimento de 2× vira 4×.

**Excesso de tinta.** Grades pesadas, sombras, gradientes, 3D, ícones decorativos: tinta que não carrega informação. Ela não só polui — ela compete com o dado pela atenção, e às vezes vence.

**Cor sem propósito.** Cor é para **destacar** (uma série importa, o resto é cinza), para **ordenar** (escala contínua clara→escura) ou para **categorizar** (poucas cores distintas). Escolher paleta arco-íris para dados ordenados inventa fronteiras que não existem. E cerca de um em cada doze homens tem alguma forma de daltonismo: **nunca use verde/vermelho como o único sinal** de bom/ruim — acrescente forma, posição ou rótulo. Um gráfico que só funciona colorido também não funciona impresso em preto e branco.

:::exercicio {"id":"22-e2","tipo":"aberta","objetivo":"O2","pontos":3,"dificuldade":"dificil"}
Um gerente leva à diretoria um gráfico de **barras** com a satisfação do cliente nos últimos quatro trimestres: 88,1 · 88,4 · 88,9 · 89,2. O eixo Y começa em **88** e termina em **89,5**. Não há nota de rodapé. O título é "Satisfação do cliente". Na tela, a última barra tem cerca de **onze vezes** a altura da primeira, e a diretoria aprova mais verba para o programa.

Julgue o gráfico: o que está errado, por que engana, e como você o refaria.

> **rubrica:** identifica o eixo Y truncado como o problema central;
> explica que em barra o comprimento codifica a quantidade, então cortar a base torna as barras não proporcionais aos valores;
> observa que a variação real é pequena (cerca de 1,1 ponto, ~1%) e que a impressão visual (~11×) não corresponde a ela;
> propõe uma correção concreta — barra a partir do zero, ou trocar por linha com o corte de escala declarado e visível;
> menciona o título como parte do problema ou da solução (rótulo em vez de conclusão), ou aponta a ausência de contexto (meta, margem de erro, série mais longa)
> **porque:** Nenhum número foi falsificado — e é isso que torna o caso instrutivo. O engano está na **codificação**. Numa barra, a quantidade é o comprimento medido a partir de uma base comum; ao começar o eixo em 88, o comprimento passa a representar "quanto excede 88", que não é a grandeza do título. Daí a distorção: 1,1 ponto de variação real vira uma diferença visual de cerca de onze vezes.
>
> A correção mínima é a base zero — e note o efeito: com o eixo do zero, as quatro barras ficam praticamente idênticas, que é a verdade do dado. Se a variação pequena for genuinamente relevante (satisfação move-se devagar), a saída honesta não é truncar em silêncio: é trocar para **linha**, onde o codificador é a inclinação, com a escala declarada, mais a meta e a série histórica para dar referência. E vale reparar no título: "Satisfação do cliente" é rótulo dos dados, não conclusão — ele delega ao gráfico distorcido o trabalho de afirmar o que o autor não escreveu. Um título que dissesse "Satisfação subiu 1,1 ponto em um ano" teria denunciado o próprio gráfico.
> **volte para:** #como-um-grafico-mente-sem-dizer-uma-mentira
:::

## O gráfico que decide

Um gráfico de exploração pode ter cinco leituras. Um gráfico de apresentação tem **uma mensagem** — e o resto é ruído a remover.

Daí a regra mais barata e mais ignorada deste capítulo: **o título é a conclusão, não o rótulo dos dados.** Troque "Vendas por região" por **"Vendas caíram 30% no Sul"**. O primeiro obriga cada pessoa da sala a descobrir sozinha o que ver, e cinco pessoas descobrem cinco coisas. O segundo diz o que você viu — e assume a responsabilidade por ter dito.

A narrativa que sustenta o gráfico tem quatro tempos:

1. **Contexto** — o que era normal até aqui.
2. **Tensão** — o que mudou, e por que isso não pode continuar.
3. **Evidência** — o gráfico, com a mensagem no título.
4. **Recomendação** — o que fazer, com o custo e o risco de não fazer.

E a mesma análise se conta de dois jeitos, sem mudar de conclusão. Para o **time técnico**: metodologia, incerteza, o que foi descartado, os dados feios. Para a **diretoria**: a recomendação primeiro, um gráfico, o custo — e o resto no apêndice, disponível para quem pedir. Mudar a ordem e o nível de detalhe é adaptação; mudar a conclusão conforme a plateia é outra coisa, e tem outro nome.

Às vezes a melhor visualização é **nenhuma**: quando a resposta é um número só ("o churn foi de 4,1%"), o gráfico só adiciona tinta.

:::exercicio {"id":"22-e3","tipo":"completar","objetivo":"O3","dificuldade":"facil"}
Complete a regra do título num gráfico de apresentação:

`O título de um gráfico que decide deve ser a ______, e não o rótulo dos dados.`

> **gabarito:** conclusão|conclusao|mensagem
> **porque:** O título é o único elemento que todo mundo na sala lê — inclusive quem não vai olhar os eixos. Gastá-lo com "Vendas por região" desperdiça a única linha garantida do slide e transfere ao público o trabalho de interpretar; "Vendas caíram 30% no Sul" entrega a leitura já feita.
>
> Há um efeito colateral útil: quando você é obrigado a escrever a conclusão no título, descobre se o gráfico realmente a sustenta. Se não sai um título afirmativo, ou o gráfico está errado, ou você ainda não sabe o que achou. É o mesmo teste do slide: se o slide tem duas mensagens, são dois slides.
> **volte para:** #o-grafico-que-decide
:::

## Síntese — o que levar

- A forma segue a **pergunta**: comparação → barra; evolução → linha; distribuição → histograma/boxplot; relação → dispersão; composição → às vezes pizza, quase sempre barra.
- A **barra de Playfair nasceu de uma falta de dados** — um só ano, sem eixo do tempo. Restrição material gera forma nova, aqui como no [18](18-neuronio-artificial.md) e no [23](23-analise-multidimensional.md).
- **Comprimento se compara melhor que ângulo.** É a razão técnica de a barra vencer a pizza quase sempre.
- **Barra parte do zero.** Eixo truncado não falsifica número nenhum e ainda assim muda a conclusão — é a distorção mais comum e a mais fácil de flagrar.
- Tinta sem informação compete com o dado. Cor tem três empregos (destacar, ordenar, categorizar) e nunca deve ser o **único** sinal — daltonismo e impressão em cinza.
- Um gráfico de apresentação tem **uma** mensagem, e ela vai no **título**. Rótulo de dados terceiriza a conclusão para a plateia.
- Explorar (cap. 21) é para você; comunicar (este) é para quem decide (cap. 25). Muda o público, muda o gráfico — não a conclusão.

## Verificação

1. Um diretor pede "um gráfico das vendas". Que perguntas você faz antes de escolher a forma — e como cada resposta muda a escolha?
2. Pegue um gráfico de um jornal ou relatório desta semana. Ele trunca algum eixo, codifica quantidade em área, ou usa cor sem propósito? O que muda na conclusão se você corrigir?
3. Reescreva três títulos de gráficos que você já viu, transformando rótulo em conclusão. Em qual deles o gráfico **não** sustentava a conclusão que você quis escrever?
4. Conte o mesmo achado duas vezes: em três minutos para a diretoria e em quinze para o time técnico. O que entra em cada uma — e o que não pode mudar entre as duas?