I am very visual when it comes to notetaking. Like Typora, I like to have obsidian adding this plugin too. Is there any plan about this stuff?

4 Likes

I use Typora on a Mac, and have enabled Mermaid but it does not render the diagrams.

You have to use it like so :

```mermaid
stateDiagram
        a --> b
        a --> c
        b --> d
        c --> d
```
2 Likes

Thanks for your reply. This is what I get:
merm

In typora 0.9.9.33.2 (on a mac)there is no explicit enable mermaid option but in markdown options I have all of the syntax support turned on. This is what I get:

1 Like

Thanks, I got that too.
I think the problem was I copy/pasted your code, instead of typing it out.
One learns every day.

I got it to render in typora. But it doesn’t render in obsidian.

Do you have a plugin for obsidian?

I don’t have a plugin. I was just helping @Klaas a bit with the syntax for typora!

+1 for built-in Mermaid support :+1:

done!

8 Likes

What version of Mermaid was implemented? Because from what I can tell there’s a bunch of missing features, such as arrow length ---> and shapes such as {{triangle}}.

Where can I find this information?

1 Like

we haven’t added the latest version because it’s still buggy

1 Like

New news here?
I can’t seem to help myself noticing my Mermaid graphs are rendered “sub optimal” to say the least (see example)…

image

Does this happen with default theme?

It does.

I had the same problem. I think is from mermaid. squares are small or are predefined. I solved the problem with a html <br> / (permafrost of <br> Mentaal Framework)

1 Like

Nice!
I’ll try that one out!

OK. That worked.
Rather new to this Mermaid stuff:
Is their a way to add some spaces too (after a word)?
Typing spaces doesn’t help. The border of the shape is at the end of the word.
One space is accepted - More spaces = No effect

You have to add HTML code again. Add this &nbsp (as much as you need)

That actually what I was looking for.
Thx!