Litegraph.js Integration

Hi everyone,

Any chance to see Litegraph.js implemented through plotly?
I do not have the knowledge to implement this myself, but I think it would be a great addition to the community plotly components.

Big up to idling-mind for the flowfunc implementation of Flume.js
Implementing custom nodes is spot-on straightforward (via pydantic I guess?). Simply genius!
The only problem is that Flume itself might lack some basic functionality readily available in Litegraph.js (subgraphs, multi outputs, dynamic pins creation, …) to really go in depth.

There are examples of Litegraph/Python implementations in Holoviz Panel, but nothing concrete.

Some eye candy might help to trigger some attention…

Litegraph.js online demo

eye candy is always good

I have even less knowledge to Dash ify litegraph.js myself

but maybe educate me … what exactly (in laypeople speak) do people use these either of these two things for anyway?

In short, it allows you to do some visual programming and execute the network during runtime.
Sounds dull…

Ask my 8 yo daughter, she has been quite busy lately playing with her Lego Boost Robot.
She literally Visually Programmed a 10min play called ‘Robo meets Barbie and friends’ on her pink tablet with pony stickers…

Visual building blocks (nodal networks) can bring data analysis to the masses. (or at least those interested)
Coding analphabets can start fiddling with simple building blocks to connecting them into small networks to analyze data.
They could use their own build nodes and/or use ready-built higher level blocks to do their own data studies and visualize them in plotly’s lovely dashboards.
(Litegraph nodes can be nested in true OOP fashion).
All this without writing a single line of code. Those nodal networks can easily be saved and shared.

The nodal-network visual approach can also assist more advanced programmers to do …

Any how, davegibbon, plenty 'o cool advantages to Visual Programming

Hi @popo !
Thanks for your mention about flowfunc. You are right about features in flume. I could not get many of my ideas implemented as flume was lacking them. I had explored litegraph.js even before i decided to go with flume. The main reason was my limited javascript knowledge and the sparse documentation. I should give kudos to chrisjpatty for his awesome documentation of flume because that’s the main reason i kind of went with flume. Also, the react integration was easy for me to understand.

I am waiting for flume’s planned re-write in typescript and am hoping for some of the missing features to be implemented. But if someone can start a dash component using litegraph, I’d defenitely be interested to port the python backend from flume.

1 Like

Hi idling-mind
Big up :metal: again for the wonderful work on Flume!

You mentioned that a Flume re-write is in the make.
Where can I find some info on this?

I saw comments from Flume’s author in few discussions. Here is one.

If anyone is still wondering why litegraph would be a great addition to Dash

Nodal workflows is how one makes ‘Bleeding Edge AI’ accessible to ‘normal people’.

Killer Litegraph.js integration for stable diffusion : ComfyUI

Somebody pleeees bring it to Dash…