Sobre os diagramas de Sankey
Um diagrama de Sankey mostra como algo flui de um lugar para outro. Cada fluxo é uma faixa, e a largura da faixa é o valor. Com uma olhada você vê para onde vai a maior parte.
As pessoas usam para:
- Orçamento pessoal — para onde vai o seu salário: aluguel, comida, poupança, lazer
- Finanças de empresas — da receita aos custos, impostos e lucro, como nos relatórios anuais
- Energia — do combustível à eletricidade e às casas, e quanto se perde no caminho
- Sites e apps — de onde vêm os visitantes e onde eles saem
- Funis de vendas — de leads a ligações, a propostas e a clientes
- Busca de emprego — de candidaturas a entrevistas e a ofertas, um clássico no Reddit
Este gerador desenha o diagrama enquanto você digita. Sem conta, sem marca d'água, e seus números nunca saem do seu computador.
Como usar
- Digite um fluxo por linha: a origem, o valor entre colchetes e depois o destino — por exemplo Salário [4200] Orçamento
- Ou cole três colunas do Excel ou do Google Sheets: de, para, valor
- O diagrama é desenhado na hora; adicione um título se quiser
- Escolha um estilo — Clássico, Minimalista, Forte, Suave, Contorno, Escuro, Neon ou Editorial — depois as cores e o tamanho da imagem
- Adicione uma moeda ou unidade antes ou depois dos números, como R$ ou kWh
- Clique em Baixar PNG ou Baixar SVG
Como escrever seus fluxos
- Um fluxo por linha: Orçamento [1500] Aluguel significa que 1.500 vão de Orçamento para Aluguel.
- As caixas se ligam pelo nome. Escreva Salário [4200] Orçamento, depois Orçamento [1500] Aluguel, e Orçamento vira uma caixa no meio por onde o dinheiro passa. Os nomes precisam ser escritos sempre do mesmo jeito.
- Vários níveis funcionam: Salário → Orçamento → Poupança → Investimentos.
- O mesmo fluxo duas vezes é somado.
- Uma cor própria para uma caixa: uma linha como :Poupança #22c55e.
- Comentários: uma linha que começa com // é ignorada.
- Os números podem ser escritos como 4200, 4,200 ou 4200.50.
Se o dinheiro que entra em uma caixa for maior que o que sai (ou o contrário), a caixa fica da altura do valor maior — assim você vê o que sobra.
Oito estilos
- Clássico — limpo e claro, para relatórios e documentos
- Minimalista — barras finas e fluxos leves, quando os números importam mais que a cor
- Forte — barras grossas e cores fortes, legíveis até do fundo da sala
- Suave — barras arredondadas sobre um branco quente, para posts e newsletters
- Contorno — barras vazadas e fluxos bem claros, para uma página impressa que economiza tinta
- Escuro — fundo azul-marinho para slides e dashboards escuros
- Neon — fluxos brilhantes sobre preto, para redes sociais e slides de abertura
- Editorial — o visual de notícias financeiras e relatórios de pesquisa: fluxos suaves coloridos por ramo, barras escuras finas, pontinhos para os itens menores, rótulos em negrito em duas linhas e o total no meio em destaque como um grande número
O Editorial fica melhor em formato de "gravata-borboleta": muitas origens fluem para um único total no meio, que depois se abre em grupos e itens menores — por exemplo empresas → *Gasto total* → categorias → fornecedores. A ferramenta encontra a caixa do meio sozinha.
Um estilo muda só a aparência. Seus fluxos, o conjunto de cores e o tamanho continuam como você escolheu, então dá para testar todos os estilos em poucos cliques.
As configurações
- Forma dos fluxos — curvas suaves ou faixas retas
- Direção — da esquerda para a direita ou de cima para baixo (ótimo para imagens verticais de celular e funis)
- Valores — os números, a porcentagem do total de cada caixa, os dois ou nenhum
- Cores — cinco conjuntos de cores para as caixas
- Cor dos fluxos — igual à caixa de origem, igual à caixa de destino, por ramo (cada grupo depois do meio mantém uma cor até o fim), um degradê entre as duas ou cinza simples
- Antes / depois dos números — um símbolo de moeda ou uma unidade, mostrado em todos os valores
- Tamanho da imagem — larga para slides, quadrada para posts nas redes sociais, alta para telas de celular
- Largura das caixas, espaço entre as caixas, tamanho do texto — para ajustar os detalhes
- Fundo transparente — um PNG sem o fundo branco, para slides com design colorido
Tudo acontece no seu dispositivo
O diagrama é desenhado por um pequeno script no seu navegador. Seus fluxos não são enviados e nada fica salvo online. Sua última lista fica guardada só neste dispositivo, então ela continua lá quando você voltar.
Perguntas frequentes
Como faço um diagrama de Sankey?
Digite cada fluxo em uma linha como "De [valor] Para", por exemplo "Salário [4200] Orçamento". O diagrama aparece enquanto você digita. Depois clique em Baixar PNG ou Baixar SVG.
Posso fazer um diagrama de Sankey a partir do Excel?
Sim. Coloque os dados em três colunas — de, para, valor — copie as linhas e cole na caixa. Uma linha de cabeçalho é ignorada.
É parecido com o SankeyMATIC?
Usa as mesmas linhas simples "De [valor] Para", então uma lista feita lá também funciona aqui. Tudo roda no seu navegador, sem cadastro.
Por que um dos meus fluxos não aparece?
Um diagrama de Sankey flui em uma só direção, então um ciclo (A → B → A) não pode ser desenhado. A ferramenta deixa de fora o fluxo que fecharia o ciclo e avisa qual é.
Qual é a diferença entre PNG e SVG?
PNG é uma imagem comum para slides, documentos e redes sociais. SVG é um arquivo vetorial: fica nítido em qualquer tamanho e pode ser editado no Illustrator, Inkscape, Figma ou PowerPoint.
Meus dados são enviados?
Não. O diagrama é feito no seu navegador, no seu próprio dispositivo.
Bom saber
- Passe o mouse sobre um fluxo ou uma caixa para ver o valor exato
- O PNG é salvo com o dobro do tamanho escolhido, então fica nítido em slides e telas grandes
- Para gráficos de barras, linhas e pizza, use Criar gráficos
Ferramentas relacionadas
- Criar gráficos — gráficos de barras, linhas, área e pizza
- Gerador de nuvem de palavras — uma imagem das palavras mais usadas
- Calculadora de porcentagem — calcule partes de um total
- Calculadora de estatística — média, mediana e mais
- Imagem para SVG — transforme uma imagem em vetor
- Embelezar captura de tela — uma moldura bonita para o seu gráfico
