Sankey-diagram är datavisualiseringar som används för att visa flödet genom en serie processer. Exemplet ovan är enkelt, men de kan också användas för mycket mer komplexa processer, t.ex. industriella processer med många steg. D3.js är särskilt väl lämpat för att skapa Sankey-diagram och tillåter en hel del anpassningar.
Ett område som fungerar särskilt bra är energiflöden: Sankey-datavisualiseringar har till exempel använts för att illustrera produktionen av olja, från ursprungsland, hur den transporteras, var den raffineras och var den slutligen konsumeras.
Sankey-diagram kan också användas för att visa hur material skapas och återvinns. En viktig princip som ibland försvårar användningen i den här typen av datavisualiseringar är dock att D3.js kräver att flödet in i varje del av processen ska vara lika med flödet ut ur den processen. Höjden på varje nod måste också vara lika med summan av tjockleken på flödena (med andra ord linjerna) som strömmar in i och ut ur den. Det är möjligt att komma runt dessa begränsningar och skapa Sankey-diagram med återkopplingsslingor, men det kräver anpassad programmering eller förgreningar av standard D3.js Sankey-bibliotek.
En annan populär användning av ett Sankey-diagram är att visa kassaflödet genom ett företag. I det här fallet måste nodernas och linjernas färger och positioner flyttas så att liknande flöden (t.ex. de som har en positiv inverkan på slutresultatet) har samma färg (t.ex. grön), medan de som representerar flöden med en negativ inverkan har en annan färg, vanligtvis röd. Noderna och linjerna måste också placeras tillsammans så att dagramen blir välorganiserad. Sankey-datavisualiseringar som denna kan skapas med D3.js, men dessa positioner måste specialkodas. Det är viktigt att komma ihåg det förbehåll som nämns ovan: flödet in i varje nod måste vara lika stort som flödet ut ur den noden. Detta kräver viss förståelse för de finansiella uppgifterna så att Sankey-diagrammet blir meningsfullt.
Kostnaden för en Sankey-datavisualisering som skapats med D3.js beror i hög grad på i vilken utsträckning den behöver specialkodas. Tillägg som verktygstips, anpassade animationer och så vidare ökar kostnaden något men förbättrar användarupplevelsen avsevärt. Sidan Priser ger dig en allmän uppfattning. Kontakta oss gärna för en kostnadsfri diskussion med en utvecklare för att komma fram till vad som är bäst för dig.
Detta visar flödet av flyktingar från deras ursprungsland till deras destinationsstat i USA
Antalet personer som flyttar under ett visst år visas av länkens tjocklek och av nodens höjd och färg