I found a way to draw TiddlyWiki linkable graphs/charts without plugins

Tips & Tricks
#1

I found a way to draw TiddlwWiki linkable graphs/charts without plugins.
I use Draw.io to draw. (it also have offline editor you can find the link in my demo wiki file. )

The following is an example for using drawio to draw a TiddlwWiki linkable graph. (There are both of internal link and external link.)：

show

This is an demo wiki file with TiddlyWiki v5.2.6：(Using relative path to get external file )
TiddlyWiki File-TestWithDrawio_RelativeHtmlFile
P.s.This is a .zip file contain relative externa htmll file

This is an demo wiki file with TiddlyWiki v5.2.6: (Using embed html file)
TiddlyWiki File-Demo_EmbedHtml
P.s.This a single TiddlyWiki File
DrawioUseTiddlyWikiLinkTestEmbed.drawio

Enjoy :sunglasses:

The following is the steps to Using embed charts html file:

  1. Open Draw.io.
  2. Draw any graphs/charts in Draw.io.
  3. Choose an chart object to 「Edit Link」(Alt+Shift+L).
    :arrow_right: URL write as for example #TiddlerTitle to link to internal tiddler.
    :arrow_right: URL write as for example https://www.google.com to link to external webside.
  4. Export your graph files as an html.
  5. Drag and drog this html file into Tiddlywiki to import.
  6. Use iframe code to show embed html file.

P.s. Can use Draw.io to open any .drawio file.「DrawioUseTiddlyWikiLinkTestEmbed.drawio」 above is the .drawio file that use in the demo.

P.s. Using relateve path to get external html file has similar steps. But
it have to different URL to link to internal tiddler. (take a look at 「DrawioUseTiddlyWikiLinkTest.drawio」file in demo zip file)

5 Likes
#2

Looking forward to checking this out! Thanks for posting.

#3

I never thought of this. I use draw.io all the time. And I embed the resulting svg’s inside TW. But I never thought to use its linking feature for TW links. This is a great idea!

2 Likes