#54

First off, i am super impressed with what seems to be possible. I tested it and one thing immidiatly caught my attention - the graph seems to be supposed to work with file numbers under 250.
I could open my around 500 notes with it, but (as expected) it was quite slow and not really navigatable.

Is this supposed to only be used on local graphs?
Or are there plans to make this useable on higher note numbers aswell later?

#55

Yes. Right now this plugin is indeed focused on the local graph, and the global graph is only provided as a convenience option for people with smaller graphs.
I might look into it more in the future, but it will never be as quick as Obsidians (super fast!) graph view. So it’s a tradeoff between amount of features/complexity of styling and speed here. For more info, see Global Graph mode

#56

I’m very happy to announce that the Juggl plugin is released!
It is a graph view with many new features:

  • Complete control over the style of your graph using CSS, YAML and a new Style Pane.
    • Include images!
  • A new mode that lets you build your graph with all nodes that are relevant to your current project
    • Selectively browse and hide nodes, and pin their location so you never lose them
    • Write new ideas and see your graph evolve
    • Save your graph and continue working on it later
  • 4 different layouts to get unique insights
  • A code fence that displays the graph within Obsidian notes
  • Link type support to label edges
  • No need to install Python or Neo4j
  • Extendable through other plugins
  • Works on mobile!

juggl_trailer_compressed
juggl_trailer_compressed800×450 3.7 MB

11 Likes
#57

This is… amazing! :clap: :slightly_smiling_face:

1 Like
#58

I haven’t played much with it yet but it looks like it’s able to bring Obsidian to a new level !
Thanks for developing this :smiley: :pray: :+1:

1 Like
#59

Great, I think this makes it possible to visualize the self-organization and order of notes. It is worth exploring.
Thank you for your work :+1:

1 Like
#60

hi, guys! Do you know how to open Style Pane in Obsidian Mobile? I can’t find the option.

#61

I hope this helps. Check out the right sidebar, then click back (<- Backlinks for …)

ezgif-4-b1c6fdc30df8
ezgif-4-b1c6fdc30df8600×1333 1.08 MB

2 Likes
#62

Hi Emile.
Thanks for the great plugin and your appreciation for my tweet!
Here is my graph.css again.
(It is still in “style.css" in your juggl help)
I am Japanese and your snippet could not fit my text into a rectangle.
So I added “text-overflow-wrap”.
I’d appreciate it if you would add it to the help for those of us using CJK.

Also, I have configured the text around where the link appears so that it only shows up when hovering over it.

.note {
shape: rectangle;
width: 40px;
height: 20px;
text-valign: center;
text-max-width: 35px;
text-overflow-wrap: anywhere;
}
edge.inline.hover {
label:data(context);
text-wrap: wrap;
text-max-width: 250px;
text-overflow-wrap: anywhere;
}

juggl
juggl1638×1926 1.44 MB

2 Likes
#63

Hi Kazdon,

Thank you for noticing the error in the help! And that’s a fantastic snippet. I added it to the help vault. I especially like the .hover selection! I think I’ll use that myself :slight_smile:
Tip for people who want to use that: Enable ‘Hover on Edges’ in the settings.

2 Likes
#64

Thank you, Emile! It helps a lot!

#65

Hey Emile, Thanks for the great plugin. I am quite new to obsidian (downloaded it last night) and I was recommended your plugin. What I am essentially looking for is a way to use only images in the graph view, just like you have boxes, bubbles, and callouts here. What I am imagining, is a graph view with many images and synapse-like links that connect them. I was wondering if I would be able to achieve that with your plugin. Let me know… Thanks!

1 Like
Parameters to localize Graph View
#66

I think you can find it on its documentation https://juggl.io/

#67

Hi @Emile, is there a way to export the graph as a picture, ideally as SVG file?

2 Likes
#68

Hi! It looks like you can only export to .png and .jpeg with this library, not .svg. It’s not included in the plugin right now, but it’s not hard. You can also just make a screenshot, of course…

1 Like
#69

OK, thanks for the reply!
Yes a screenshot would work but since the graphs may be quite busy it would be nice to be able to zoom in.

#70

Is this plugin LOCAL ONLY or is it something that I could somehow showcase in my published notes on the web?

Is it within the realm of possibility to route the code for web viewing purposes??

1 Like
#71

Hi there, this is really cool! Before I spend a lot of time, I was wondering if anyone would be kind enough to answer a simple question. Can you draw arrows on the links? I have a very simple parent child use case. I understand this plugin supports link types, but it wasn’t clear if it allows to draw arrows. Visually, it would be amazing for my use case to have arrows on the links. That’s all I really care about. Is that possible?

1 Like
#72

Good question! Currently, it can unfortunately only be used locally, although with some hacking around you should be able to import js.cytoscape.com into your webpage and load a saved graph (see Export to other programs) from there to show. Feel free to contact me if you need help :slight_smile: )

2 Likes
#73

Yes, that’s definitely possible! You even have a rich amount of arrowheads to choose from (see this page)

2 Likes