Suport for PlantUML

[CpILL]

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

Open-source tool that uses simple textual descriptions to draw beautiful UML...

[ryanjamurphy]

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

[CpILL]

@ryanjamurphy

Mermaid

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.

[ryanjamurphy]

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!

[shimattana]

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

[resaix]

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

[summerteawater]

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.

[argentum]

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 :

• Sequence diagram
• Usecase diagram
• Class diagram
• Activity diagram (Flowchart in mermaid)
• Component diagram
• State diagram
• Object diagram
• Deployment diagram
• Timing diagram
• Network diagram

The following non-UML diagrams are also supported:

• Wireframe graphical interface
• Archimate diagram
• Specification and Description Language (SDL)
• Ditaa diagram
• Gantt diagram
• MindMap diagram
• Work Breakdown Structure diagram
• Mathematic with AsciiMath or JLaTeXMath notation (This is more an overlap with mathjax)
• Entity Relationship diagram

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

• Pie Chart
• User journey

[justdanyul]

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.

RicardoNiepel/C4-PlantUML

[ianlaulau]

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

[jojag]

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!

[joethei]

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

[dknight212]

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 …

[joethei]

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

[dknight212]

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?

[dknight212]

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
{

[decoder]

Would love to see PlantUML added to Obsidian. In general, mermaid is a tool geared more towards business users, whereas PlantUML is more popular with developers and infra ppl, at least that’s how we use it in our company.

PlantUML also supports more types of diagrams.

[dknight212]

It’s here, see above

[jojag]

Here are some other styles:

Drakemor/RedDress-PlantUML