[Recurrent] Upgrade mermaid.js to the latest version x.y.z

Use case or problem

Currently gitGraph only supports horizontal graphs in Obsidian. I have a very long graph that I want to render vertically, but I can’t because Obsidian’s mermaid version doesn’t support it yet.

Proposed solution

Upgrade mermaid.js to >=10.3.0

Current workaround (optional)

Just side scrolling

Related feature requests (optional)

None

28 Likes

I agree, mermaid diagrams should be the next thing to add on the roadmap before other features

2 Likes

+1
10.4 is the current version.
I’d love to use it for the sankey-beta function.

1 Like

+1 from me

+1
I’d like the Actor Creation and Destruction functions in Sequence Diagram from mermaid v10.3.0.

+1 from me

I agree that upgrading mermaid to the latest would be good. Beware though that some of the new diagram types are experimental with few configuration options and don’t really look very good. A case in point is the mindmap diagram type with looks awful IMO. I’ve added a picture of a mind map I created using this diagram type in the mermaid live editor for a project I am working on. There is no programmatic way to specify the layout option to stop the nodes overlapping.

The best option was to use the Mind Map plugin which doesn’t let you edit the contents but does produce a nice looking map that i use now as an alternative to the TOC.

I would like to support the request to upgrade to version 10.4 -

I would also absolutely love this to be upgraded to v10.3+. Especially with the narrow width of the note view, vertical git diagrams would be awesome.

I came to request this feature for the same reason and it’s already here. Yay.

+1 From me.

Edit: For the swarm!

+1, please upgrade the version. I’d love to use the [Sequence diagrams | Mermaid](Actor Creation and Destruction (v10.3.0+)) feature.

+1, please update mermaid. I’m really looking forward to Sankey diagrams in v10.3.0+

1 Like

Mermaid was updated to 10.6.1 in obsidian V1.5.0

2 Likes

Works brilliantly, but for the sankey-beta you have to add something like %%{init: {‘theme’: ‘dark’, ‘themeCSS’: ‘svg {background-color: black}’}}%% to see the actual lines

1 Like

Mermaid finally has a block diagram starting from v10.8.0 which allows control over the layout, i would really like to have access to this feature.

v10.9.0 added katex typesetting and is also already released, so might as well go for that unless there is a particular reason against this.

4 Likes

I’m confused, I am running Obsidiann 1.5.12, which I understand should have mermaid.js at least v10.6.1?

Mermaid has had support for the zenuml diagram type since v10.2.3, so I expect it to work in Obsidian?

But when I try it I get:

Error parsing Mermaid diagram!

No diagram type detected matching given configuration for text: zenuml
2 Likes

I think the reason for that can be found here: https://mermaid.js.org/syntax/zenuml.html#integrating-with-your-library-website
ZenUML isn’t included in mermaid-js, it’s an external module.

On another note, mermaid-js v10.9.0+ also adds support for the until keyword in Gantt charts, which would be really nice to have.

4 Likes

There multiple bugs in the current version of the mermaid plugin, which are fixed in later versions. An example

From the official mermaid website

Unfixable actor/participant creation/deletion error

…when creating or deleting an actor/participant:
The destroyed participant participant-name does not have an associated destroying message after its declaration.

If fixing diagram code does not get rid of this error and rendering of all other diagrams results in the same error, then you need to update the mermaid version to (v10.7.0+).

Can we get a mermaid upgrade to at least 10.7.0? Pref even to 10.9.0?

6 Likes

It would be nice to have mermaid-js v10.9.0+ to have KaTex support in diagrams.

1 Like

Just here to add that the current version of MermaidJS in Obsidian doesn’t support sequence diagrams w/ bidirectional arrowheads either.

Seems like we’d need to upgrade MermaidJS to v11.0.0 or higher to draw bidirectional arrows in sequence diagrams.

1 Like