Diagram Width: px Height: px
Vertical Space between Nodes: px
Node Width: px Curviness: |(
Margins: Top Bot L R
Background Color: Transparent
Node Colors: Use theme: A B C Use a single color:
Flow Colors: Use the Source Node's color Use the Target Node's color Use a single color:
Flow Opacity: 0.01.0
Show labels (hide to apply your own text to the graph) Show Node totals as part of labels Always show full precision (best for currency)
Face: sans serif mono Size: px
Color: Weight: LightBold
Units: Prefix = Suffix =
Number Format: 1,000,000.00 1.000.000,00 1 000 000.00 1 000 000,00 1000000.00 1000000,00
Flow Cross-Check: Verify that the graph adds up.
Diagram Scale = (For fair comparisons between diagrams, make their Units and Scale match as closely as possible.)
Note: You can drag Nodes around to reposition them before export. (However, changing any inputs will re-draw/reset the whole diagram.)
Node Opacity: 0.01.0 Border: 0px 1px 2px 3px 4px 5px
Reverse the graph (flow right-to-left)
Once you are satisfied with your diagram, you can export it as an SVG:
Scale: 1x (Basic) 2x (Retina) 4x (Print)
Dimensions for IMG tag:
Copy the code above to embed your diagram.
Save it in a “.svg” file to edit it in another application.
Every Flow will have a tooltip when hovering.
Created by Tanner Nielsen (GitHub: tannerntannern) | Based on SankeyMATIC, by Steven Bogart.