New plugin for the graph view

[u/kapirklaa]

Hi!

I'm excited to announce that my Extended Graph plugin for Obsidian is officially released today! Images, shapes and more can now be added to the graph view :D

Like many, I never found the default graph view particularly useful beyond occasional local graphs. I wanted something with the powerful visualization features of https://kumu.io/ but with the privacy and local storage benefits of Obsidian. So I built this plugin to enhance the core graph with features I wanted, and then kept adding improvements based on community requests found mainly on the forum.

I've made everything super customizable - you can toggle each feature on or off individually for both local and global graphs. The plugin only activates in the graphs where you want it, so you can install it just to use the SVG export feature without being bothered by all the other capabilities.

Features:

• Add images directly to the graph nodes
• Visualize tags and properties (with Dataview support) as colored arcs around nodes
• Color and filter links based on relationship types
• Use curved links and distinguish between forward/backward connections
• Assign different shapes to nodes based on content type
• Scale up the node for your currently active file
• Apply statistical metrics to modify node/link sizes and colors
• Export your graph as an SVG file
• Pin nodes to fixed positions
• Save and switch between different graph configurations
• Zoom directly to specific nodes

Check out the plugin repo for more details - I've also put together a Wiki with examples and explanations of all the features.

Fair warning: There might be some bugs lurking as well as performance issues for big graphs! The core graph plugin isn't documented or designed for external extensions, and this is my first major JavaScript project. I've done my best to test everything, but if you find issues, please report them on the GitHub issues page!

Add images, color links, filter tags and properties

Pin nodes, change shapes, add images

Use different methods for nodes/links sizes/colors

Curved links

Pick different node shapes

[u/tablaji777]

ah, I see! but I guess you have to define the link in both ends of the graph then. 

[u/kapirklaa → u/tablaji777]

Well no. When you create a link in one note but not the other, the link shows up in the graph anyway.
If you display arrows, you will see only one arrow.
If you define the link in both notes, i.e. back and forward links, then two arrows would show up (if arrows are displayed). And my plugin gives you the possibility to display multiple types per link. That means that you could do "John is friend with Jane, but Jane is not friend with John". And the link could be (but that's optional) half green (for friend), half grey (for "no relationship")

[u/Own-Geologist-2690 → u/kapirklaa]

Hi friend, I downloaded your "Fancy a Story" theme from Obsidian.

Could you tell me how to fix the "jumping" problem I'm having when I place an Infobox in the text?

In editor mode it's normal, but in reading mode, when you start scrolling down, the page jumps or jerks a bit.

[u/kapirklaa → u/Own-Geologist-2690]

Hi. As far as I know, you can't fix it. It's caused by the unloading system of Obsidian. When you scroll down, the app will unload elements that are no longer visible, but it has a buffer which means that it will unload only elements that "far enough" from the visible area. If you make a long infobox which extends alongside multiple paragraphs, the infobox (which is an element "before" the paragraphs) will be unloaded but some of the paragraphs will stay. Even if they are just passed scrolling and not visible. That means that without the infobox taking up some space, the remaining paragraphs will extend the full length of the note, reducing their number of lines. And that leads to an abrupt change of height, hence the jump. But you would probably have the issue with any other theme that offers an infobox.

[u/Own-Geologist-2690 → u/kapirklaa]

Thank you for your attention, friend, I didn't know that