Markdown Flow

Automatic flowchart generator based on the markdown language.

Written in Angular with help of ngx-graph.

Color palette based on the Aussie Palette by Flat UI Colors.

Adding nodes

Nodes can be created using the + list indicator.

All the list formats will be included in the markdown preview, but only the ones with the + indicator will be rendered as nodes.

Node colors

Nodes can be collored by adding the following codes to the node line:

• [❌] colors the node red
• [✔] colors the node green
• [⚠️] colors the node yellow

Exporting

The flowchart can be exported to .svg, but for now only the part of the diagram that's being shown in the screen is going to exported.

What's next?

I want to add the following exports:

• .csv
• .pdf
• .md
• .json with the tree object
• .txt with the flow description