Suport for PlantUML

Share & showcase
1

Would be good with support for creating PlantUML diagrams. In VSCode, Boostnote etc, it tends to be done using a code block

```planuml
    plantuml dsl goes here
```

And the in the preview simply renders the image it returns.

One additional suggestion, if you look at this, please give us the option of choosing the plantuml server, so we can point it to a local instance of plantuml if needed.

31 Likes
2

I suggest also the support for Support diagram: flowchart, vega-lite. Maybe as plugins so that you can use what you prefer and only if you need it

1 Like
3

Great idea, plantuml is a great tool.

3 Likes
4

I would love to see this as well. They use graphviz under the hood and have a free web server for image generation. https://plantuml.com/server

5

PlantUML is like the markdown for UML diagrams. Its an open source and there is reference implimentation for it. Would complement Markdown.

2 Likes
6

What are the benefits of this over Mermaid, which is already implemented?

7

never heard of Mermaid. I’ll check it out, thanks. How does one use it in Obsidian?

Looks like plantuml has more diagrams and the documnetation on their web page isn;t broken.

8

Sorry, should have included a link: https://mermaid-js.github.io/mermaid/#/

You can use the live editor to practice Mermaid syntax: https://mermaid-js.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVERcbkFbQ2hyaXN0bWFzXSAtLT58R2V0IG1vbmV5fCBCKEdvIHNob3BwaW5nKVxuQiAtLT4gQ3tMZXQgbWUgdGhpbmt9XG5DIC0tPnxPbmV8IERbTGFwdG9wXVxuQyAtLT58VHdvfCBFW2lQaG9uZV1cbkMgLS0-fFRocmVlfCBGW2ZhOmZhLWNhciBDYXJdXG4iLCJtZXJtYWlkIjp7InRoZW1lIjoiZGVmYXVsdCJ9fQ

What about Mermaid’s documentation is broken? I haven’t seen anything amiss!

1 Like
9

This request looks duplicating with Suport for PlantUML

I’m also one of those who are longing this feature. It’s shame if our votes were distributed to two cards :slight_smile:

1 Like
10

PlantUML has some handy diagrams that are not supported by Mermaid. Mindmaps and WBS, for example.
As a workaround, Kroki can generate a link to svg, which then can be pasted in Obsidian with ![]() . I actually have a match in espanso to get a deflate + base64 value of a diagram and then add it after the last slash in ![](https://kroki.io/plantuml/svg/)

  - trigger: ":kroki"
    replace: "{{outputKroki}}"
    vars:
      - name: outputKroki
        type: shell
        params:
          cmd: "pbpaste > /tmp/kroki.dat; cat /tmp/kroki.dat | python -c \"import sys; import base64; import zlib; print(base64.urlsafe_b64encode(zlib.compress(sys.stdin.read(), 9)))\";"
          trim: true
3 Likes
11

I hope that the Plantuml also supports by Obsidian like Mermaid.
My company adapts the Confluence and most of diagrams are drawn by the Plantuml at work.
With both diagram tools, I can get more fun to use Obsidian.

3 Likes
12

I want to add another +1 for this.

I’ve crossed out the diagrams already supported by mermaid:

PlantUML is a component that allows to quickly write :

The following non-UML diagrams are also supported:

In mermaid there are two which are not supported (afaik) in PlantUML:

  • Pie Chart
  • User journey
5 Likes
13

Also, just to add it in there, PlantUML has some nifty plugins which are available “for free” in markdown editors supporting it.

For example, in visual studio code (using the plantuml+markdown extensions), I can literally just add one includeurl line to my plantuml code and get full support for C4 diagrams.

5 Likes
14

I would like to bring up that the Entity Relation Diagrams in Mermaid is not what it is in PlantUML. I’m trying to make an ERD for my database, but mermaid doesn’t support adding table column names, types, primary keys and so on like what is available in plantuml

4 Likes
15

Maybe koki.io would be a great option.

https://kroki.io
Kroki Creates diagrams from textual descriptions!
Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, PlantUML, SvgBob, UMLet, Vega, Vega-Lite, WaveDrom… and more to come!

1 Like
16

I just added a plugin supporting PlantUML: PlantUML.
It is already listed inside Obsidian.

8 Likes
17

Joe - superb! Thank you so much.

Does anyone have a good PlantUML theme to match dark themes in Obsidian?

skinparam monochrome reverse

only goes so far …

2 Likes
18

the one in the demo is Cyborg from home | [“Puml Themes”]

2 Likes
19

That’s nice. For others exploring this, you can insert an include at the start of your code, referencing the theme URL (though I guess there are performance efficiencies if you store it locally).

!include https://raw.githubusercontent.com/bschwarz/puml-themes/master/themes/cyborg/puml-theme-cyborg.puml

Bob -> Alice : hello

Themes don’t seem to work on wireframes?

20

Ah, themes do work with wireframes, the include has to come after the @salt:

@startsalt
!include https://raw.githubusercontent.com/bschwarz/puml-themes/master/themes/cyborg/puml-theme-cyborg.puml
{