Graph view libraries in ignition?

Ignition
1

I'm looking to use an Obsidian-like graph view in Perspective. Has anyone done this? I haven't seen any charting modules that handle this type of thing.

We have a cache of entity relationships which we already heavily use to build Perspective sessions at runtime. The primary relationship is parent/child as determined by tag path, but we also have other relationships which could be overlaid - e.g. what asset controls what other asset, what asset pushes or pulls power to what other asset, and what assets are networked together? We already have these relationships, and a graph view would be an amazing way to visualize them.

Edit: Added screenshot to hook your curiosity.

image
image900Ă—450 102 KB

1 Like
2

It looks like the graph type in a charts.js expansion pack is what would do it: GitHub - sgratzl/chartjs-chart-graph: Chart.js Graph-like Charts (tree, force directed)

And it looks like @bmusson's module includes it:

3 Likes
3

Yup, it does!

I haven’t used it for anything real, but I did test it enough to prove that the plugin worked (got an example graph to render).

I’d love any feedback you have.

2 Likes
4

This looks very interesting.
This kind of chart could be very usefull to visualise and diagnose network issue's

5

Currently waiting for a fix on an issue in graph chart add-on, but this should get your wheels rolling.

Snapshot module release and project export included below.

The project export contains an embedded version of our pyro-mui-joy theme, so you don't need to install it yourself (I've been using the theme so much that I don't know how to do anything without it lol).

Also requires @pturmel’s Integration Toolkit (you should have it installed anyways).

This project also shows off some advanced features of the Chart.js component, including:

  1. Scriptable properties (used for the node types).
  2. Events (used for the node selection)

embr-charts-demo_20241020220929.zip (135.5 KB)

Embr-Charts-SNAPSHOT.modl (1.9 MB)

2 Likes