This is a question that vexed me for quite some time, so for anyone coming across this later I want to update this thread to note that there are now two good options for using Mermaid.JS within TW5:
*Lightweight TiddlyWiki5 plugin that wraps Mermaid Live Editor:* 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/ *"Complete" Mermaid.js library installation into TW5:* Demo wiki: https://efurlanm.github.io/mermaid-tw5 On Saturday, March 20, 2021 at 10:43:29 AM UTC-5 john.edw...@gmail.com wrote: > [image: vizLinks.PNG] > > On Saturday, March 20, 2021 at 11:35:57 AM UTC-4 flohit...@googlemail.com > wrote: > >> oh and linking should be possible in general in graphviz, although i >> didn't make it work yet in TW >> >> Florian Felix schrieb am Samstag, 20. März 2021 um 16:34:04 UTC+1: >> >>> tiddlymap is not compatible with some other plugins (esp. stroll) and >>> themes, mobile, quite slow for bigger wikis and not "printable" in node.js >>> which all in all make it a bad solution for what i want/need. >>> >>> si schrieb am Samstag, 20. März 2021 um 13:49:29 UTC+1: >>> >>>> @flohit I just use it every so often when I need to add a little image >>>> of a graph. For example say I had a tiddler on the Konigsber bridge >>>> problem >>>> <https://www.researchgate.net/figure/The-Koenigsberg-bridge-problem-a-seven-bridges-of-Koenigsberg-b-graph-representation_fig3_265219734>, >>>> >>>> I might use graph-viz to illustrate various related concepts. >>>> >>>> I don't think you can embed links with GraphViz (I don't know for sure >>>> though). If I want to map out tiddler relationships I would use >>>> TiddlyMap <http://tiddlymap.org>, which is much better suited for this >>>> IMO. >>>> >>>> @R^2 See my reply to Soren - it's been a while since I tried the >>>> mermaid plugin so I don't remember the exact details. I was going to try >>>> out one of those forks, but then I realised that I have no idea how to get >>>> a plugin from github into my wiki. Do you know how I can do this? >>>> >>>> On Friday, 19 March 2021 at 19:50:09 UTC flohit...@googlemail.com >>>> wrote: >>>> >>>>> I was looking for examples how ppl use it in tiddlywiki, especially in >>>>> order to map tiddler relations with links. until now i haven't even been >>>>> able to embed links^^ >>>>> for these usecases there is no doc afaik. >>>>> >>>>> si schrieb am Freitag, 19. März 2021 um 20:44:28 UTC+1: >>>>> >>>>>> @flohit Are you referring to GraphViz? I'm not sure if you are asking >>>>>> how to use it, or if you are just curious about how I use it >>>>>> specifically. >>>>>> To learn the syntax just look at the usage and readme tabs on the plugin >>>>>> page. >>>>>> >>>>>> @Soren Its been a while since I tried it, but IIR there was a bug >>>>>> where graphs would randomly get rendered at the bottom of the screen, >>>>>> outside of any tiddler. I can't remember more detail than that though. >>>>>> Thanks for sharing your fix for the text-cut-off bug, and maybe I will >>>>>> try >>>>>> out one of the updated forks at some point. >>>>>> >>>>>> On Friday, 19 March 2021 at 18:05:09 UTC flohit...@googlemail.com >>>>>> wrote: >>>>>> >>>>>>> hey, do you have some examples, how you use it :) >>>>>>> >>>>>>> si schrieb am Dienstag, 27. Oktober 2020 um 17:53:44 UTC+1: >>>>>>> >>>>>>>> Thanks Julio, I had not heard of UML before. >>>>>>>> >>>>>>>> In case anyone else is looking I have found that there is a plugin >>>>>>>> for graphviz: https://chanilino.github.io/tw5viz/tw5.html >>>>>>>> >>>>>>>> The syntax is not as streamlined as mermaid, and it is a bit slow >>>>>>>> to render, but it does the job. >>>>>>>> >>>>>>>> On Sunday, 25 October 2020 at 19:17:22 UTC julio.c...@gmail.com >>>>>>>> wrote: >>>>>>>> >>>>>>>>> Sorry, I just realized that this link is probably more useful: >>>>>>>>> https://tobibeer.github.io/tw5-plugins/#plantuml >>>>>>>> >>>>>>>> -- 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+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/15c87b12-8ebc-492d-895d-b1761e6140c9n%40googlegroups.com.