Preview
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 = $2,500.00 / 540.00px = $4.629630/px (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)
...creating downloadable graphic...
Dimensions for IMG tag:
Copy the code above to embed your diagram.
Save it in a “.svg” file to edit it in another application.
.svg
Every Flow will have a tooltip when hovering.
Showing: 7 Flows between 8 Nodes. Diagram Total IN = Total OUT = $2,500.00. No imbalances found.
Wages → Checking: $1,200.00Checking → Expenses: $1,100.00Expenses → Rent: $900.00Wages → Taxes: $700.00Wages → Savings: $600.00Expenses → Groceries: $200.00Checking → Spending Money: $100.00Wages: $2,500.00Wages: $2,500.00Taxes: $700.00Taxes: $700.00Checking: $1,200.00Checking: $1,200.00Savings: $600.00Savings: $600.00Expenses: $1,100.00Expenses: $1,100.00Spending Money: $100.00Spending Money: $100.00Rent: $900.00Rent: $900.00Groceries: $200.00Groceries: $200.00