A Sankey-diagramok olyan adatvizualizációk, amelyeket egy sor folyamaton keresztül történő áramlás megjelenítésére használnak. A fenti példa egyszerű, azonban sokkal összetettebb folyamatok, például sok lépést tartalmazó ipari folyamatok esetében is használhatók. A D3.js különösen alkalmas a Sankey-diagramok létrehozására, és nagyfokú testreszabást tesz lehetővé.
Az egyik különösen jól működő terület az energiaáramlás: a Sankey adatvizualizációkat például az olajtermelés bemutatására használták, kezdve a származási országtól, a szállításon át, a finomításig és a végső fogyasztásig.
A Sankey-diagramok arra is használhatók, hogy bemutassák, hogyan keletkeznek és kerülnek újrahasznosításra az anyagok. Azonban egy fontos elv, amely néha megnehezíti a használatukat az ilyen típusú adatvizualizációkban, hogy a D3.js megköveteli, hogy a folyamat egyes részeibe történő áramlás megegyezzen a folyamatból történő áramlással. Az egyes csomópontok magasságának is meg kell egyeznie a beléjük és a belőlük kiáramló áramlások (más szóval a vonalak) vastagságának összegével. Lehetséges ezeket a korlátozásokat megkerülni, és visszacsatolási hurokkal rendelkező Sankey-diagramokat létrehozni, de ehhez egyedi programozásra vagy a szabványos D3.js Sankey-könyvtár elágazásaira van szükség.
A Sankey-diagram másik népszerű felhasználási módja a vállalaton keresztüli pénzforgalom bemutatása. Ebben az esetben a csomópontok és vonalak színét és helyzetét úgy kell áthelyezni, hogy a hasonló (például az alsó sorra pozitív hatást gyakorló) áramlások azonos színűek (pl. zöld), míg a negatív hatást gyakorló áramlások más színűek, jellemzően pirosak legyenek. A csomópontokat és a vonalakat is úgy kell egymás mellé helyezni, hogy a diagram jól áttekinthető legyen. Az ehhez hasonló Sankey adatvizualizációkat a D3.js segítségével lehet létrehozni, de ezeket a pozíciókat egyedi kódolással kell létrehozni. Fontos szem előtt tartani a fent említett kikötést: az egyes csomópontokba történő áramlásnak meg kell egyeznie az adott csomópontból történő áramlással. Ehhez szükség van a pénzügyi adatok némi megértésére, hogy a Sankey-diagramnak értelme legyen.
A D3.js használatával létrehozott Sankey adatvizualizáció költségei nagyban függnek attól, hogy milyen mértékben kell egyedi kódolásra kerülnie. Az olyan kiegészítések, mint az eszköztippek, az egyéni animációk és így tovább, egy kicsit növelik a költségeket, de nagymértékben javítják a felhasználói élményt. A Árak oldal ad egy általános képet. Kérjük azonban, lépjen kapcsolatba velünk egy ingyenes megbeszélésért egy fejlesztővel, hogy kitaláljuk, mi a legjobb az Ön számára.
Ez mutatja a menekültek áramlását a származási országból a célállamukba, az Egyesült Államokba.
Az adott évben mozgó személyek számát a kapcsolat vastagsága, valamint a csomópont magassága és színe mutatja.