Mermaid plugin?

[Rolograaf]

from this article:

Mermaid: Like Markdown for Diagrams

http://dailyjs.com/2014/11/28/mermaid/

anybody know if there is a plugin already? looks like a useful addition...

[Jeremy Ruston]

Hi Rolograaf

I hadn't come across Mermaid, thanks for that. I agree that it would make a good plugin for TW.

There's another implementation of sequence diagrams in JS that's pretty good:

http://bramp.github.io/js-sequence-diagrams/

Best wishes

Jeremy.

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--

Jeremy Ruston
mailto:jeremy...@gmail.com

[Rolograaf]

Thanks Jeremy,

Only i have never come across UML sequence diagams professionally...
The handscripted layout is a nice touch!

Cheers
Rolograaf

[Danielo Rodríguez]

The mermaid library has some features really useful. One is the ability to assign classes. The option to attach click handlers to nodes is awesome also.

[Daniel Baird]

At a previous job we used a graphviz plugin for MediaWiki, and having diagrams that you can update right there in the source of your wiki pages is a HUGE advantage compared to importing images from outside diagram tools.

And that was with graphviz, that was quite persnickety about syntax.  Mermaid's syntax lets you say:
TW["TiddlyWiki"] to make the TW node a square box
TW("TiddlyWiki") to make the TW node a rounded-corner box

TW(("TiddlyWiki")) to make the TW node a circle

That's awesome.  Somebody please make this a reality for TW...

--

You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--

Daniel Baird
objoke: I had a problem and decided to solve it with threading. Now, have problems. two I

[Mark Brown]

+1 for Mermaid plugin

[Tobias Beer]

Wow, 500k for the minified version, that's perhaps a big uff.

Best wishes, Tobias.

[Rolograaf]

Tobias, is that including d3? (that is already a TW plugin...)

Op dinsdag 9 december 2014 11:18:15 UTC+1 schreef Tobias Beer:

[Rolograaf]

I think 96k without?

Op woensdag 10 december 2014 20:23:02 UTC+1 schreef Rolograaf:

[Tobias Beer]

Oh, ok, so the heavyweight is d3... I guess we'd be well advised to install that alongside plugins as a separate global library that can be used by other libraries as well.

What about some official $:/library/foo namespace? I think that may be advisable to be reserved for these kinds of global, possibly shared libaries, e.g. vis, d3, jquery, math.js, etc...

But 400k for d3, I never thought it was that big a thing. Good to know.

Best wishes, Tobias.

[Jeremy Ruston]

Hi Tobias

The current D3 plugin for TiddlyWiki ($:/plugins/tiddlywiki/d3), actually weighs in at 175KB when saved in JSON format. Perhaps this is a more recent version?

Best wishes

Jeremy

--

You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--

Jeremy Ruston
mailto:jeremy...@gmail.com

[Jason Houle]

Although this thread is quite old, this is a problem that vexed me for quite some time so I want to offer an update this thread for anyone coming across this later.

There are now two good options for using Mermaid.JS within TW5:

"Complete" Mermaid.js library installation into TW5: This is the full library, but has been updated as of October 2021 and published with a demo wiki to make installation a breeze. It is however a full library installation (1.2MB).

Demo wiki: https://efurlanm.github.io/mermaid-tw5

Lightweight TiddlyWiki5 plugin that wraps Mermaid Live Editor: I just published this as a very lightweight (18kb) "wrapper" of the Mermaid Live service which handles all the rendering. All the power of Mermaid with streamlined code management and virtually no TW bloat.

YouTube: https://www.youtube.com/watch?v=e78RRDp-NZg
GitHub repo: https://github.com/jasonmhoule/tw5-mermaid
Demo wiki: https://jasonmhoule.github.io/tw5-mermaid/