Display TiddlyMap edges in TiddlyWiki

[devurandom]

I am thinking of how to connect TiddlyWiki and TiddlyMap more and use their respective strengths more efficiently.

They each have their own focus:

• TiddlyWiki is very good for focussed ("neighbourhood depth 1"), linear browsing pieces of related information ("Tiddlers") and reading (and writing) text for each, but it cannot conveniently give an overview over a topic and display more complex relationships between the Tiddlers, because of the very same linearisation with neighbourhood depth 1.
• TiddlyMap on the other hand is extremely well suited for grouping information ("views") and displaying the deep relationships between them at a glance ("edges"), but it is ill-suited to display larger amounts of information / text for each Tiddler ("node"), due to its graphical nature.

All the relationship information I create using TiddlyMap would ultimately be very useful when navigating the Tiddlers in TiddlyWiki. It would be nice if these relationships could thus also be displayed in TiddlyWiki, to allow a different kind of browsing access to the Tiddlers.

I envision a workflow like this:

1. For a new topic create a new view
2. Quickly create a bunch of Tiddlers / nodes and fill in only their name for now
3. Input the relationships between the topics / Tiddlers by creating edges
4. Navigate through the new Tiddlers using TiddlyWiki and input all the text and detail information
5. Work manly with with the TiddlyWiki representation when working on the topics / tasks contained in the Tiddlers

On the technical / UI side, something like the "Document Hierarchy" of Phriction, the Phabricator wiki, would already solve the issue: https://secure.phabricator.com/w/ (scroll down into the grey area, until you see the "Document Hierarchy" heading and the list of child pages)

[felixhayashi]

Hi @devurandom

It would be nice if these relationships could thus also be displayed in TiddlyWiki, to allow a different kind of browsing access to the Tiddlers.

This is "unofficially" suported.

If you put the <$tmap-connections> widget into your tiddler's body, you can display all in- and outgoing connections (to the current tiddler) in your text. For example:

    hjsh fjkshfj fdjgh jdfhgj dfjkgh dfg
    jgkfdjgkl fdgkj dgklj dlkfgj kldjg  fg hfgh fh 
    <$tmap-connections>
      <ul>
          <li>Edge id: <<edge.id>>(<<edge.label>>)</li> 
          <li>From: <<edge.from>></li> 
          <li>Role: <<role>></li> 
          <li>Neighbour: <<neighbour>></li> 
      </ul>
    </$tmap-connections>
    hjsh fjkshfj fdjgh jdfhgj dfjkgh dfg
    jgkfdjgkl fdgkj dgklj dlkfgj kldjg  fg hfgh fh 

The widget comes with the tiddlymap plugin.

(somewhat related question: #324)