Ferramenta para visualizar fluxos

Como estou pensando e falando bastante sobre dinheiro na newsletter, aproveitei para trazer o tema em forma de dica aqui no blog.

Quando as pessoas compartilham os seus orçamentos online ou querem avaliar para onde o dinheiro vai, é comum vermos o uso de uma ferramenta que ilustra o fluxo de entrada e saída com faixas coloridas. Caso você já tenha visto uma imagem dessas, a ferramenta usada é possivelmente o SankeyMATIC.

Dentro do site, basta você clicar em “Try SankeyMATIC” que você vai ser levado para a ferramenta em si.

Como criar o seu próprio fluxo

Na minha opinião, o uso mais fácil é aproveitar os dados existentes que aparecem na caixa de texto e ir editando os valores.

Para criar um nó, é preciso adicionar uma linha no formato Fonte [VALOR] Destino. No exemplo, temos o fluxo Wages, Budget e Taxes. Para descrever esse fluxo, as seguintes linhas foram adicionadas:

• Wages [1500] Budget
• Budget [450] Taxes

A primeira linha liga o valor de 1500 de Wages a Budget e a segunda linha liga o valor 450 de Budget a Taxes. Se eu quiser separar o valor de Taxes em mais categorias, basta adicionar linhas com o Taxes como primeiro valor (fonte) e a nova categoria como segundo valor (destino).

Exemplo de fluxo

Nesse fluxo, eu criei duas fontes de valor: Salário e Freelas. Esses valores somados representam o Orçamento que é a fonte para os valores de contas simuladas.

Ter esses dois valores como fonte significa que eu preciso de duas linhas em que eles são o primeiro argumento. E como eles somados representam o orçamento, eu preciso que essas duas linhas tenham Orçamento como segundo argumento:

Salário [5000] Orçamento
Freelas [500] Orçamento

O Orçamento é a fonte de 7 itens de destino:

• Aluguel
• Internet
• Luz
• Água
• Supermercado
• Cartão de crédito
• Gasto livre

Isso significa que eu preciso de 7 linhas usando Orçamento como fonte e esses 7 itens como destino de cada uma delas:

Orçamento [1500] Aluguel
Orçamento [100] Internet
Orçamento [50] Luz
Orçamento [50] Água
Orçamento [1300] Supermercado
Orçamento [2000] Cartão de crédito
Orçamento [500] Gasto livre

Lembrando que cada valor que fica entre a fonte e o destino representa o quanto sai da fonte e vai para o destino.

Para esse exemplo, eu também alterei as cores para o padrão Varied, que fica dentro de “Default Node Colors”.

Essa é uma ferramenta interessante para quem consegue pensar melhor visualizando os valores ou para quando pretende fazer um planejamento para entender se algum gasto extra cabe no orçamento.

Espero que tenha sido uma dica útil.

Até a próxima!

Copiar link