⚡️ Ideas
James Hernandez James Hernandez Mar 28, 2023

Visual Graph: visualize and manipulate my nodes via a graph view

Explain the problem as you see it

On the homepage there is a picture of a visual graph showing your nodes and the connections between them. But this feature is not available in the app.

image.png

Why is this a problem for you?

I am having a hard time seeing my connections between ideas, organizing, and synthesizing those ideas with just text.

One thing is to search and see connections as text. Another is to see my ideas from a higher-order view, to zoom-out, per se. I am trying to organize my ideas and see them as a bunch of nodes similar to actual schemas (neurons) is incredibly useful if done correctly.

Suggest a solution

Please give us a graph view that at minimum is used to visualize my nodes in a graph view and be able to manipulate (make new ones, delete others) the connections (links) and positions of the nodes.

I'd love to use this view to manipulate connections (links between nodes), I'd like this to be more useful than roam research which moves the nodes to some arbitrary order every time you go to this view. If I move a node to a specific position and leave, I want to go back and see the node where I left it.

In the future doing some things like Heptabase/infinitymaps would be amazing.

⁨16⁩ ⁨Comments⁩

Currently, I struggle to effectively organize and connect ideas, making it difficult to navigate between related concepts and brainstorm efficiently. The lack of a visual representation for ideas and connections limits my ability to intuitively understand the relationships between my thoughts, hindering the development of a cohesive knowledge ecosystem.

I've come across several implementations that seem quite interesting.

Taskade's Mindmaps
image.png
image.png

Remnote plugin: Rem-graph
image.png

Infranodus graph
image.png

===

I think that Tana has to carefully consider this, because the graphical interface is something that is far more intuitive to the human mind than pure text.

The way many apps do it, like Logseq's whiteboard or Obsidian's canvas or Scrintal or Heptabase - they don't really seem to catch the essence of this... It's about the relationships created, not just the graphical representation of it. And Tana has the advantage here because of 'named edges'.

Imo, the above apps have taken a step towards incorporating graphical design, but it doesn't match the fluidity of thinking that can be done on pen-and-paper. The connections made in graphs must carry the same weight as actual bidirectional links. The problem is figuring out how...

Could we have predefined connectors like parent-sibling connectors (implying superset/subset), sequence connectors (implying causation/sequence/time), and so forth? And then the other question is how do we retrieve a part of the graph? How would a node look like?

I think in a world where AI is really picking up, the graphview would become a competitive advantage (until at least AI doesn't become fully multimodal yet)

Things like these just do not translate well into text:

image.png
image.png

In reply to Winston Winston

What about also adding these as views?
The mind map screenshot really made me think that these could also be implemented as views for nodes and to act as kind of a local graph or mind map.

In reply to isle9 isle9

It's difficult, because how would you represent this kind of graphic without knowing some form of 'code'? Some of the forking, would be difficult to replicate especially in layers. You'd probably need to know mermaidjs or something else funky. I think Tana would do well if it could rethink the whole canvas thing that other apps are putting out and really integrating it directly into the data structure.

image.png

Also want to add anytype's knowledge graph examples, but found that someone has already mentioned it. In addition, there is also a good representation in the form of an Obsidian plugin: (obsidian-3d-graph)
I really like this 3D effect.
image.png

Explain the problem as you see it ?

The current views , lists, tables, kanban etc. Work but they are slow and tend to 'bury me in the weeds' Especially when also trying to surface the tasks under these projects to decide on the next physical piece of work to execute.

Why is this a problem for you?

I have a lot of open projects at any given time. Let's say 100. Choosing which projects to focus my time on each day is difficult with this number.

Suggest a solution

Provide an infinite canvas that allows any node to be placed anywhere. So that projects can be 'clustered' together on the canvas by simple dragging and dropping.

I would also like to be able to embed search queries and then drag nodes from of the result of the query to anywhere on the canvas

I've always thought TheBrain's implementation of a graph view/navigation was very useful. TheBrain supports three relationships for each item: parent, child, and sibling. The UX is such that the node navigation is on the left, and the details of whatever you have selected are on the right. So, it's not just a popularity contest of how many nodes reference or link to another node, but it visually represents the semantic relationship between the nodes. But at the same time, it allows you to read the contents of that node.

I'm hoping we can filter any graph view in Tana by several factors, such as semantic relationships, links and references in/out, hierarchical location (parent/children), supertag, field values, etc.

A graph visualization is one of the first things I tried to do and I was surprised to see that it wasn't possible. This was something I assumed Tana could do and I hope it is implemented soon. Great job on a beautiful app so far!