Markdown Support for Mermaid (flowchart, GANTT)

I’ve been playing around with the Mermaid markdown language support in Typora.

Are there any plans to support this in Agenda?

I think this would be a great addition to capabilities.

What kind of markdown syntax are you referring to, could you give some examples?

From this website: Mermaid

This will produce a GANTT inline in the document.

gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d

Similarly, this will produce a flow chart.

graph TD;
A–>B;
A–>C;
B–>D;
C–>D;

Wow, that’s pretty advanced. We have some ideas in this area but it’s unlikely we will direct support for this kind of functionality from within the app. The best workaround is to generate the graph in another app and add it as an attachment or image to your note.

That looks like a job for shortcuts on iOS, Automator on Mac.

It might be nice to have a “collapse this paragraph” option so we can keep the source for the resulting image in the note.

I’m using a shortcut to produce weekly checklists, which turns

Habit 1
Habit 2
Habit 3

Into

          M  T  W  T  F  S  S
Habit 1  [ ][ ][ ][ ][ ][ ][ ]
Habit 2  [ ][ ][ ][ ][ ][ ][ ]
Habit 3  [ ][ ][ ][ ][ ][ ][ ]

Which is as close to a checklist matrix as I can get. I few could collapse paragraphs the source text could be kept with the generated assets.

2 Likes

Great stuff. We plan to add a specific area on the community forum for sharing Shortcuts, would be great if you could share yours once available!

I don’t know much about programming, but in Typora it in integrated into the markdown, so it is less a development than an integration (which opens a lot of possibilities)