Diagramas de Sankey
Visualize quantidades de fluxo entre nós com setas proporcionais. Perfeito para fluxos de energia, alocação orçamentária e funis de conversão.
O que é Diagramas de Sankey?
Diagramas de Sankey são diagramas de fluxo onde a largura das setas é proporcional à quantidade de fluxo que representam. Eles se destacam em mostrar como quantidades fluem, se dividem e se fundem através de um sistema. Nomeados em homenagem ao capitão irlandês Matthew Sankey, esses diagramas são inestimáveis para visualizar transferências de energia, fluxos orçamentários, funis de conversão e qualquer processo onde entender fluxos proporcionais é importante.
Editar e pré-visualizar
Construa um Diagramas de Sankey com sintaxe Mermaid e veja as alterações instantaneamente.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Casos de Uso Comuns
Análise de Funil de Conversão
Visualize o fluxo de usuários através de funis de marketing ou vendas. Veja onde os usuários abandonam e como o tráfego converte em cada etapa.
Visualização de Fluxo de Energia
Mostre como a energia é gerada, transformada e consumida em um sistema. Acompanhe perdas e eficiência em cada etapa.
Fluxos de Orçamento e Custos
Ilustre como o dinheiro flui das fontes de receita através dos departamentos até as despesas. Torne as distribuições financeiras intuitivas.
Mapeamento de Cadeia de Suprimentos
Rastreie materiais e produtos dos fornecedores através da fabricação até a distribuição. Visualize quantidades em cada etapa.
Recursos Principais
Setas Proporcionais
A largura das setas escala automaticamente para representar quantidades de fluxo, tornando volumes relativos imediatamente visíveis.
Rótulos de Nós
Defina nós de origem e destino com rótulos descritivos para identificar cada etapa ou entidade no fluxo.
Fluxos Múltiplos
Mostre fluxos se dividindo de uma origem para múltiplos destinos, ou múltiplas origens se fundindo em um destino.
Sintaxe Simples tipo CSV
Defina fluxos usando triplas intuitivas de origem, destino e valor que são fáceis de escrever e manter.
Boas Práticas
Fluxo da Esquerda para a Direita
Organize o diagrama para que os fluxos se movam da esquerda para a direita, correspondendo à direção natural de leitura e progressão temporal.
Use Nomes de Nós Significativos
Rotule os nós claramente para que os leitores entendam imediatamente o que cada etapa ou entidade representa.
Limite a Complexidade
Mantenha o número de fluxos e nós gerenciável. Muitas setas cruzadas reduzem a legibilidade.
Garanta a Precisão dos Dados
Verifique se os valores de fluxo são precisos, pois as proporções visuais comunicam diretamente quantidades aos leitores.
Explore outros tipos de diagramas
Fluxogramas
Visualize processos, fluxos de trabalho e algoritmos com nós e setas direcionais. Perfeito para processos de negócios e árvores de decisão.
Diagramas de Sequência
Documente interações entre diferentes atores ou sistemas ao longo do tempo. Ideal para documentação de API e design de sistemas.
Diagramas de Classes
Modele sistemas orientados a objetos com classes, atributos e relacionamentos. Essencial para planejamento de arquitetura de software.
Diagramas de Estado
Represente transições de estado em sistemas ou aplicações. Ótimo para modelar estados de ciclo de vida e fluxos de trabalho.
Gráficos de Gantt
Planeje e acompanhe cronogramas de projetos com tarefas e dependências. Perfeito para gerenciamento de projetos e agendamento.
Diagramas ER
Projete esquemas de banco de dados com entidades e relacionamentos. Ideal para modelagem e documentação de banco de dados.
Jornada do Usuário
Mapeie experiências e interações do usuário em diferentes pontos de contato. Excelente para design de UX e mapeamento da jornada do cliente.
Gráficos Git
Visualize estratégias de ramificação Git e históricos de commits. Útil para explicar fluxos de trabalho de controle de versão.
Mapas Mentais
Organize ideias, faça brainstorming de conceitos e crie estruturas visuais hierárquicas. Perfeito para planejamento e mapeamento de conhecimento.
Gráficos de Pizza
Exiba distribuições proporcionais de dados com gráficos circulares. Ideal para mostrar porcentagens e divisões de participação de mercado.
Linhas do Tempo
Visualize eventos cronológicos e marcos ao longo de um eixo temporal. Ótimo para históricos de projetos e roteiros.
Quadros Kanban
Organize tarefas em colunas representando etapas do fluxo de trabalho. Perfeito para gerenciamento ágil de projetos e rastreamento de tarefas.
Gráficos de Quadrantes
Plote itens em uma grade de dois eixos para comparar e priorizar. Ideal para priorização de funcionalidades e análise estratégica.
Gráficos XY
Crie gráficos de barras e gráficos de linhas com eixos personalizáveis. Ideal para visualização de dados e análise de tendências.
Diagramas de Blocos
Construa layouts estruturados com blocos dispostos em colunas e linhas. Ótimo para arquitetura de sistemas e visões gerais de componentes.
Diagramas de Arquitetura
Projete arquiteturas de nuvem e sistemas com ícones de serviços e conexões. Perfeito para documentação de infraestrutura.
Diagramas de Pacotes
Visualize estruturas de pacotes de protocolos de rede com layouts de campos em nível de bit. Essencial para documentação de protocolos de rede.