DynamicD3: Visualização de dados usando D3.js

DynamicD3

Diagramas Sankey

Os diagramas de Sankey são visualizações de dados utilizadas para apresentar o fluxo através de uma série de processos. O exemplo acima é simples; no entanto, eles também podem ser usados para processos muito mais complexos, como processos industriais que incluem muitas etapas. O D3.js é especialmente adequado para criar diagramas Sankey e permite uma grande quantidade de personalização.

Uma área que funciona particularmente bem é o fluxo de energia: por exemplo, as visualizações de dados Sankey foram utilizadas para ilustrar a produção de petróleo, começando pelo seu país de origem, como é transportado, onde é refinado e onde acaba por ser consumido.

Os diagramas de Sankey também podem ser usados para demonstrar como os materiais são criados e reciclados. No entanto, um princípio importante que por vezes complica a sua utilização neste tipo de visualizações de dados é o facto de o D3.js exigir que o fluxo para cada parte do processo seja igual ao fluxo para fora desse processo. A altura de cada nó também tem de ser igual à soma das espessuras dos fluxos (por outras palavras, das linhas) que entram e saem dele. É possível contornar essas limitações e criar diagramas Sankey com loops de feedback, mas isso requer programação personalizada ou bifurcações da biblioteca Sankey padrão do D3.js.

Outra utilização popular de um diagrama de Sankey é mostrar o fluxo de caixa através de uma empresa. Neste caso, as cores e as posições dos nós e das linhas têm de ser deslocadas de modo a que os fluxos semelhantes (por exemplo, os que têm um impacto positivo no resultado final) tenham a mesma cor (por exemplo, verde), enquanto os que representam fluxos com um impacto negativo têm outra cor, normalmente vermelho. Os nós e as linhas também precisam de ser posicionados em conjunto para que o diagrama fique bem organizado. As visualizações de dados Sankey como esta podem ser criadas utilizando D3.js, mas estas posições têm de ser codificadas de forma personalizada. É importante ter em mente a condição mencionada acima: o fluxo para cada nó deve ser igual ao fluxo para fora desse nó. Isso requer algum entendimento dos dados financeiros para que o diagrama Sankey faça sentido.

O custo de uma visualização de dados Sankey criada com D3.js depende muito do grau de necessidade de codificação personalizada. Add-ons como dicas de ferramentas, animações personalizadas, etc., aumentam um pouco o custo, mas melhoram muito a experiência do utilizador. A página Preços dá-lhe uma ideia geral. No entanto, contacte-nos para uma conversa gratuita com um programador, a fim de determinar o que é melhor para si.

Esta imagem mostra o fluxo de refugiados desde o seu país de origem até ao seu estado de destino nos EUA

O número de pessoas que se deslocam num determinado ano é indicado pela espessura da ligação e pela altura e cor do nó