Graphs/Sankey Diagram

Edit src/renderers/d3/flow/sankey.ts and save to see changes across all configurations

Tests: 27Sections: 5

Filter:

Container SizesSame budget dataset, different container dimensions

Small400×300 · 11 rows

Medium550×400 · 11 rows

Large700×500 · 11 rows

Wide800×300 · 11 rows

Tall400×550 · 11 rows

Node CountVarying number of unique nodes in the network

4 nodes550×400 · 4 rows

8 nodes550×400 · 11 rows

15 nodes700×500 · 15 rows

8 nodes (user journey)600×400 · 9 rows

Config VariationsDifferent display options for the same dataset

nodeWidth: 10550×400 · 11 rows

nodeWidth: 30550×400 · 11 rows

nodePadding: 5550×400 · 11 rows

nodePadding: 20550×400 · 11 rows

linkOpacity: 0.2550×400 · 11 rows

linkOpacity: 0.6550×400 · 11 rows

No labels550×400 · 11 rows

No values550×400 · 11 rows

Color SystemNamed palettes, highlight mode for node-colored flows

Default (Categorical)550×400 · 11 rows

Warm Palette550×400 · 11 rows

Highlight: Tax Revenue550×400 · 11 rows

Multi-Highlight + Muted550×400 · 11 rows

Green Palette550×400 · 11 rows

Edge CasesUnusual data shapes and extremes

Single link450×300 · 1 rows

Very unequal (1 vs 10000)600×400 · 4 rows

Many links same pair550×400 · 9 rows

Deep chain (A->B->C->D->E)700×350 · 4 rows

Fan-out then fan-in650×400 · 6 rows