Guia de uso da ferramenta

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Categoria: Data Visualization
Tipos de entrada: textarea, text, number, color, checkbox
Tipo de saída: html
Cobertura de exemplos: 4
API pronta: Sim

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

1Insira seus dados no formato JSON, definindo os nós (nodes) e os links de conexão com seus respectivos valores.
2Personalize 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.
3Configure opções adicionais como exibição de valores, rótulos e animações para tornar a visualização mais interativa.
4Gere 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.

{"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

Perguntas frequentes

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.

{"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}]}

Gerador de Diagrama Sankey

Executar esta ferramenta

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Fluxo de Orçamento Departamental

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

Perguntas frequentes

Geradores de gráficos e diagramas

Exemplos Avançados de Aplicação Grafana

Exemplos D3.js Data Visualization

Exemplos de Códigos QR

Exemplos de Análise de Logs ELK Stack

Bar Chart Generator

Gerador de Gráfico de Bolhas

Gerador de Gráfico de Donut

Gerador de Gráfico de Funil