Plugin: Sepremento's Awesome Graph

Hi everyone! I wanted to share with you my Obsidian-like graph plugin that I've made for personal use. It was originally forked from @treymo Note Link Graph UI but have grown since into a creature of its own.

I personally find it useful. Here's the link:

Features:

  • Supports several thousand notes to display. My Joplin database contains about 4000 notes, they are drawn smoothly.
  • Show tag nodes, you can turn them on and off.
  • You can dynamically adjust force settings from the UI to get a better look at your state of mind.
  • Supports queries and filters to display only nodes that are necessary.
  • Backlinks are included by default. No toggle for now.
  • You can make multiple colored groups of nodes in your Graph for better visuals.
  • Supports displaying one selected node or multiple selected nodes.
  • Open node with Ctrl+click, be that a single note or a tag.

Demo

Known Bugs and Issues

  • When adding new note if that note falls into one of the colored groups defined by user it is not colored until the graph is restarted or filter query is updated. I don't know how to fix that without introducing lags ~1s on each note update.
  • When you switch quickly between notes in the same tree sometimes graph does not update. Toggle graph off and on to rebuild. Origin yet unknown.

P.S. This is my hoppy project, I don't know all the nuances of sharing the project, I might have done something incorrectly considering deployment and sharing of the plugin. I will try to make better.

9 Likes

Thanks for sharing this!

1 Like

This plugin looks useful. Would you be interested in publishing it to NPM so it can be added to the Joplin Plugin repo: GitHub - joplin/plugins: Joplin official plugin repository

Doing so means users could find it at Joplin Plugins or the in-app Plugins browser, instead of having to download the file and Install from file.

3 Likes

I would love to, yes. However I made some searches and I still have questions on how to do that. Maybe there is some sort of manual or tutorial that I could not find?

update: I've published the plugin to the npm registry, but it seems like I have the same issue, as here with my plugin not being searched with npm search joplin-plugin and the solutions from the topic haven't helped.

@personalizedrefriger When you have the time, would you please take a look at this issue?

1 Like

It should now be fixed!

2 Likes

Thank you very much!

Hi, I treid the plugin, but the width of the graph is quite small. Please see swcreenshot. Are there settings that I can influence this behavior?

Best regards,
dingolino

Hi! I couldn't reproduce your issue in the latest version of a plugin. Are you using v1.1.1? Since yesterday the plugin should be available in the Plugins section in Joplin Settings, could you please try to install the latest version from there?

If the problem persists I will have to ask you for as much context as possible since I am an inexperienced developer.

  • Does the problem appear immediately after you've installed the plugin or after some manipulations?
  • Does the problem persist if you change the layout of the app?
  • Does the problem appear or persist if you change the size of the panel with the graph?
  • Does opening and closing the graph (F8) help?
  • Does the problem persis if you press the "Fit & Center" button?

Yes, i am using the latest version.
yes it happens immediatly

your plugin uses the screen/window information when I use it the 1st time. If I resize afterwards it does not update this information. So If the window is "small" the graph size is using this window space. If I change the window size the plugin does not realize it.

Fit&Center does not change something for this problem
Opening and closing does not change something either

I want to correct myself:

closed and restarted Joplin now and deactivated some other plugin who uses additional windows:

Closing and reopening the Graph is now adjusting to the actual window size.

Will play arround more to see what happens.

Best regards,

dingolino

2 Likes