FlowGraph is a tool for visualizing relationships between concepts, making them easier to understand/explain.

→ Check it out on the online Playground

To create a basic (positive) relationship, use the following syntax:

"<NODE_1_NAME>"---->"<NODE_2_NAME>"

• <NODE_X_NAME>: the name of the node

Example

"Hello"---->"World"

You can also configure relationships like so:

"<NODE_NAME>"--(<TYPE><STRENGTH>, <SPEED>)-->"<NODE_NAME>"

• <TYPE>: the type of the relationship, supported types:
  • +: Plus
  • -: Minus
  • *: Multiplication
  • /: Division
• <STRENGTH>: the impact of the relationship
• <SPEED>: how fast the relationship will be executed

Example

"Hello"--(-10, 2)-->"World"

• Node size: 50
• Relationship:
  • <TYPE>: Plus
  • <STRENGTH>: 5
  • <SPEED>: 1

• Further polishing & bug fixes
• Obsidian Plugin
• Play/Pause controls
• GIF export

Inspired by Loopy