Sankey-diagrammen zijn datavisualisaties die worden gebruikt om de stroom door een reeks processen weer te geven. Het bovenstaande voorbeeld is eenvoudig, maar ze kunnen ook worden gebruikt voor veel complexere processen, zoals industriële processen met veel stappen. D3.js is bijzonder geschikt voor het maken van Sankey-diagrammen en laat veel maatwerk toe.
Een gebied dat bijzonder goed werkt is energiestromen: er zijn bijvoorbeeld Sankey-datavisualisaties gebruikt om de productie van olie te illustreren, beginnend bij het land van herkomst, hoe het wordt getransporteerd, waar het wordt geraffineerd en waar het uiteindelijk wordt geconsumeerd.
Sankey-diagrammen kunnen ook worden gebruikt om te laten zien hoe materialen worden gemaakt en gerecycled. Een belangrijk principe dat het gebruik ervan in dit soort datavisualisaties soms bemoeilijkt, is echter dat D3.js vereist dat de stroom in elk deel van het proces gelijk is aan de stroom uit dat proces. De hoogte van elk knooppunt moet ook gelijk zijn aan de som van de diktes van de stromen (met andere woorden, de lijnen) die erin en eruit stromen. Het is mogelijk om deze beperkingen te omzeilen en Sankey-diagrammen met feedbacklussen te maken, maar dit vereist aangepaste programmering of forks van de standaard D3.js Sankey-bibliotheek.
Een ander populair gebruik van een Sankey-diagram is om de cashflow door een bedrijf weer te geven. In dit geval moeten de kleuren en posities van de knooppunten en lijnen zo worden verplaatst dat gelijksoortige stromen (bijvoorbeeld stromen met een positieve impact op het resultaat) dezelfde kleur hebben (bijvoorbeeld groen), terwijl stromen met een negatieve impact een andere kleur hebben, meestal rood. De knooppunten en lijnen moeten ook bij elkaar worden geplaatst zodat het dagram overzichtelijk is. Sankey datavisualisaties zoals deze kunnen worden gemaakt met D3.js, maar deze posities moeten op maat worden gecodeerd. Het is belangrijk om de hierboven genoemde voorwaarde in gedachten te houden: de stroom in elk knooppunt moet gelijk zijn aan de stroom uit dat knooppunt. Dit vereist enig begrip van de financiële gegevens zodat het Sankey-diagram zinvol is.
De kosten van een Sankey-gegevensvisualisatie die met D3.js is gemaakt, hangen sterk af van de mate waarin deze op maat moet worden gecodeerd. Toevoegingen zoals tool-tips, aangepaste animaties enzovoort zullen de kosten iets verhogen, maar de gebruikerservaring sterk verbeteren. De Prijzen pagina geeft je een algemeen idee. Neem echter contact met ons op voor een gratis gesprek met een ontwikkelaar om uit te zoeken wat voor u het beste is.
Dit toont de vluchtelingenstroom van hun land van herkomst naar hun land van bestemming in de VS
Het aantal mensen dat in een bepaald jaar verhuist, wordt weergegeven door de dikte van de link en door de hoogte en kleur van de node