Categorias

Gerador de Diagrama Sankey

Gerar diagramas Sankey para visualizar distribuições de fluxo e transferências de energia entre diferentes nós

Dados para o diagrama Sankey no formato JSON com arrays de nós e links

Título que será exibido acima do gráfico

Cores para nós (cores hex separadas por vírgula)

Cores para links de fluxo (cores hex separadas por vírgula)

Largura do gráfico em pixels

Altura do gráfico em pixels

Largura de cada nó em pixels

Espaçamento vertical entre nós em pixels

Cor de fundo para o contêiner do gráfico

Exibir valores de fluxo no diagrama

Exibir nomes dos nós no diagrama

Animar o diagrama quando carregar

Fatos principais

Categoria
Data Visualization
Tipos de entrada
textarea, text, number, color, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Gerador de Diagrama Sankey é uma ferramenta intuitiva para criar visualizações de fluxo que demonstram como recursos, energia ou dados são distribuídos entre diferentes nós de uma rede. Com suporte para personalização de cores, dimensões e animações, você pode transformar dados complexos em gráficos claros e profissionais.

Quando usar

  • Para visualizar o fluxo de energia ou materiais em processos industriais.
  • Para analisar a jornada do cliente ou o funil de conversão em estratégias de marketing.
  • Para demonstrar a alocação de orçamentos ou transferências financeiras entre departamentos.

Como funciona

  • Insira seus dados no formato JSON, definindo os nós (nodes) e os links de conexão com seus respectivos valores.
  • Personalize a aparência do gráfico ajustando o título, as cores dos nós e dos links, e as dimensões da área de exibição.
  • Configure opções adicionais como exibição de valores, rótulos e animações para tornar a visualização mais interativa.
  • Gere o diagrama instantaneamente e utilize a visualização final para apresentações ou relatórios.

Casos de uso

Mapeamento de eficiência energética em edifícios.
Análise de rotas de tráfego ou logística de distribuição.
Visualização de funis de vendas e retenção de usuários.

Exemplos

1. Fluxo de Orçamento Departamental

Analista Financeiro
Contexto
O departamento financeiro precisa apresentar como o orçamento anual foi distribuído entre os diferentes setores da empresa.
Problema
Dificuldade em mostrar visualmente a proporção de verbas alocadas para cada área a partir de um fundo central.
Como usar
Definir o 'Fundo Central' como nó de origem e os departamentos como nós de destino, configurando os valores de transferência no JSON.
Configuração de exemplo
{"nodes": [{"id": "fundo", "name": "Orçamento Total"}, {"id": "ti", "name": "TI"}, {"id": "mkt", "name": "Marketing"}], "links": [{"source": "fundo", "target": "ti", "value": 50000}, {"source": "fundo", "target": "mkt", "value": 30000}]}
Resultado
Um diagrama claro que exibe a fatia do orçamento destinada a cada setor, facilitando a compreensão da diretoria.

2. Eficiência de Conversão no E-commerce

Gerente de Marketing
Contexto
A equipe de marketing deseja entender quantos usuários passam da página inicial para o carrinho e, finalmente, para a compra.
Problema
Identificar em qual etapa do funil ocorre a maior perda de usuários.
Como usar
Criar nós para cada etapa do funil (Home, Carrinho, Checkout, Compra) e conectar os links com o volume de tráfego.
Configuração de exemplo
{"nodes": [{"id": "home", "name": "Home"}, {"id": "cart", "name": "Carrinho"}, {"id": "buy", "name": "Compra"}], "links": [{"source": "home", "target": "cart", "value": 1000}, {"source": "cart", "target": "buy", "value": 200}]}
Resultado
Visualização imediata da queda de conversão entre o carrinho e a compra, permitindo ajustes estratégicos.

Testar com amostras

json

Hubs relacionados

FAQ

O que é um diagrama Sankey?

É um tipo de gráfico de fluxo onde a largura das setas é proporcional à quantidade de fluxo, ideal para mostrar transferências entre estados.

Qual formato de dados é necessário?

A ferramenta exige um objeto JSON contendo uma lista de 'nodes' (nós) e 'links' (conexões) com valores numéricos.

Posso personalizar as cores do gráfico?

Sim, você pode definir cores hexadecimais específicas para os nós e para os links de fluxo através dos campos de configuração.

É possível animar o diagrama?

Sim, a ferramenta possui uma opção de animação que pode ser ativada para tornar o carregamento do gráfico mais dinâmico.

Quais são as limitações de tamanho do gráfico?

A largura pode variar de 600 a 1200 pixels e a altura de 400 a 800 pixels, garantindo flexibilidade para diferentes layouts.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/sankey-diagram-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados para o diagrama Sankey no formato JSON com arrays de nós e links
chartTitle text Não Título que será exibido acima do gráfico
nodeColors text Não Cores para nós (cores hex separadas por vírgula)
linkColors text Não Cores para links de fluxo (cores hex separadas por vírgula)
chartWidth number Não Largura do gráfico em pixels
chartHeight number Não Altura do gráfico em pixels
nodeWidth number Não Largura de cada nó em pixels
nodePadding number Não Espaçamento vertical entre nós em pixels
backgroundColor color Não Cor de fundo para o contêiner do gráfico
showValues checkbox Não Exibir valores de fluxo no diagrama
showLabels checkbox Não Exibir nomes dos nós no diagrama
animated checkbox Não Animar o diagrama quando carregar

Formato de resposta

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP:

{
  "mcpServers": {
    "elysiatools-sankey-diagram-generator": {
      "name": "sankey-diagram-generator",
      "description": "Gerar diagramas Sankey para visualizar distribuições de fluxo e transferências de energia entre diferentes nós",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=sankey-diagram-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]