Pele – Mermaid diagrams as themeable SVG

nickmain | 4 hours ago

Does the official Mermaid library still require a full or headless browser environment in order to lay out the SVG? If so, Pele is great news for embedding Mermaid rendering in other places.

invokestatic | 2 hours ago

The python mermaidx library works for this, which works well for generating documentation with embedded diagrams as part of CI/CD but the layout/rendering can sometimes be very wonky. For instance I will have a bunch of connections crossing over each other instead of neatly arranged to avoid it. Changing the layout settings does not fix it so sometimes I will just export it from mmdc and embed a png.

falsaberN1 | 48 minutes ago

There is also Merman on Github that outputs a SVG.

https://github.com/Latias94/merman

Imustaskforhelp | 4 hours ago

Is pele open source?

I tried to find the source code of it but I was unable in finding so

Edit: found it, https://github.com/obsidianmd/pele

Also folks, this is a good reminder to please have a github icon on the top of the page to easily show git/github links if the app is open source, also helps in the fact that I can star your projects and bookmark them more easily :-D

blktiger | 4 hours ago

Looks like https://github.com/obsidianmd/pele maybe?

druvisc | 3 hours ago

Just FYI, "pele" is "mouse" in Latvian. :)

hmokiguess | 3 hours ago

and "skin" in portuguese :)

apodik | 3 hours ago

and a football player in brazil :D

mtros | 2 hours ago

and "d*ck" in slovak...

aslakhellesoy | 2 hours ago

Spade in French

mixmastamyk | 2 hours ago

Only with an accent on the final é.

lukeify | 2 hours ago

Anytime I try mermaid for anything more complex than a toy diagram I always end up absolutely frustrated by the arcane and topologically poor layout that is produced.

Styling seems like a trivial problem by comparison.

tptacek | an hour ago

Graph layout is a famously hard problem!

kepano | an hour ago

I strongly agree, and that's why I designed Pele to only follow its syntax not its layout. See the examples https://pele.run/examples

The playground also has a Compare mode https://pele.run/playground

giancarlostoro | an hour ago

I kinda just shove what I want out of it to literally any basic model from the frontier labs, I usually dont need anything super fancy, but it does the job, even color coded regions for me (which is fancier than I usually do) and then I can shove that into Lucid since it can render them.