1. Método em cinco passos
- Escreva a pergunta antes de abrir o dado, e diga que decisão muda conforme a resposta.
- Busque na fonte primária e registre unidade, ano-base, recorte e tamanho de amostra.
- Escolha a codificação na mão: posição e comprimento para grandeza, cor para categoria.
- Gere em lote com IA. Dez variações, inclusive as que você acha que não vão funcionar.
- Descarte e escolha. A taxa de descarte mostra que houve busca, não ilustração.
2. Prompt em sete itens
Cole no chat e preencha os colchetes:
Quero um gráfico com estes dados: [cole a tabela ou o caminho do arquivo].
1. Dado e unidade: [ex.: R$ de 2026, deflacionado, fonte X].
2. Pergunta decidível: [ex.: em que ano intervir].
3. Público e decisão: [quem lê e o que essa pessoa aprova].
4. Codificação: posição ou comprimento, escala comum, eixo em zero. Sem pizza para comparar grandeza.
5. Referência: [contra o quê comparar].
6. Não fazer: não interpolar, não suavizar, não completar ponto faltante sem marcar.
7. Saída: SVG imprimível, com fonte e unidade dentro da figura.
Gere três variações e diga qual responde melhor a pergunta.3. Arquivos de skill
Baixe e coloque em .cursor/skills/ ou .claude/skills/ do seu projeto.
- Skill · gráfico com IA (método + prompt + régua de Cleveland)
- Skill · apresentação (deck do site) (como montar slide no padrão deste site)
Stack da aula
- Claude: PDF → tabela
- NotebookLM (Gemini): fontes do TG num caderno, resposta com citação
- Cursor: código com IA
- Python: SVG imprimível
- Observable Plot: prototipar no browser
- GitHub: código e histórico
- MapLibre: geo no browser
- OpenStreetMap: mapa base aberto
- APIs abertas: dado público ao vivo
Publicar de graça
- Jekyll: este site (fontenele.com.br)
- Next.js: app no hobby free da Vercel
- Vercel: deploy e preview
- Cloudflare: DNS e CDN