Tiddlymaps used vis.js.
Was wondering if there are other tools, and how they compare in ease of use etc.
Anything else people have documented integrating into Tiddlywiki?
Thanks.
I dont know that there is a prefered anything in the community, but there is a lot of choice. See the links menu above and search talk.tiddlywiki to find others. I think there are at least a dozen or so options.
- It may also be possible to bring in other tools from other open source/project tools
I was able to find mermaid, echarts, and vis
vis looks funky, mermaid looks quite nice, echarts looks intensely polished.
I noticed most libraries from a search engine seem to be focussed on a few preset chart types, but I’m looking for a tool that is perhaps a bit more open ended - something with a raw x,y manipulation that can leave room for Tiddlywiki stuff, and work with both image mapping and Tiddlywiki elements such as bulleted list templates or other list template positioning.
I am honing in on generally what I want to be able to do, and I think I’m going to have to start with much more basic stuff. But this might be for the better anyway.
Using layered divs and em units might help, but I am unsure of the limitations there except to say that em does not seem to be able to account for line spacing. (There is probably a line spacing tiddler, one could create a css line-spacing tiddlywiki variable).
edit: Perhaps the interesting thing about Tiddlywiki is that when dealing with lists, you can count the number of lines in a div ahead of time. Thereby you can create a sandbox of conditions where you can predict [at least] the vertical spacing in divs if you first count the lines, and work with percentages.
I have dabbled in svg diagonal lines for a few hours, and there might be some potential there.
I want to push it to be able to have some flexibility in how images resize (within limits of course), and still have custom overlayed text lists and elements created with templates be positioned correctly in conjunction with the images. I think basically the crux of what I want is some technique of positioning synchronicity between images and html elements which is as minimal and least intrusive as possible. I want to be able to punch basic things out in as little time as possible perhaps using templates and transclusion.
I know there’s a good change much of what I want to do will fall by the wayside but I am going to slowly try to figure something out. Hopefully I will have some general techniques worth reporting back or somebody else will.
There is a new plug in being developed by @Flibbles (who currently also maintains tiddlymap plug in).
Check whether this will be useful for your case. It’s based on vis.js and orb currently.
1 Like
For what it’s worth, @wattahay, I’m close to bringing it out of early release for its first public release. Most of the API (apart from the graphengine module) is finalized apart from a few name changes, so it should be safe to start using it now. If there’s anything it doesn’t do that you’d need, let me know. I’m trying to supplant TiddlyMap entirely with this plugin.
4 Likes
That’s inspiring.
Very curious: How much finagling did orb require to do this?
Orb is still not properly finagled.
It’s geared toward high performance, which means it’s multithreaded, and that’s not really a natural fit for TiddlyWiki. I’m sure I can get it working more smoothly, but for my initial release, I’ll be supporting only Vis-Network.
However, TW-Graph is engine agnostic, so once I do support Orb, or something else better, switching over should be as easy as swapping out the engine (and probably tweaking a few settings, because they all have slightly different aesthetics.)
1 Like