Panel: Panel/Bokeh server inside multiple Lumino widgets

[davidpasquale]

Hi
I really would like to build a webapp pased on panel/bokeh, but unfortunately I do not have time to start learning JS/TypeScript.
For my need, what is missing right now, it is to put multiple plots (or more complex dashboards) inside a sub-container wich can be dragged/dropped from side/top bar and added in a main dockable window.
This containers then can be stacked or put in side by side mode.
I found a very recent example which is very close to what I m actually looking for here:
https://panel.holoviz.org/gallery/demos/VTKSlicer.html#demos-gallery-vtkslicer

I would like to ask if someone can work on an example which embed Lumino (which is the latest UI of JupyterLab, i.e. the new version of PhosphorJS ) and Panel/Bokeh server with at least two separate dashboards with different plot/widgets sets.
Here you can find a source code of an old example made by Afshin Taylor Darian which use PhosphorJS and Bokeh:
https://www.dropbox.com/s/lj6vjhcswsezjr7/phosphor-dashboard-master.zip?dl=0
From the JupyterLab documentation it seams not difficult to update a code from phosphor (JupyterLab 1.x)to lumino (JupyterLab 2.x)
Thank you very much

[Jhsmit]

Same here, but sticking with the VTKSlicer golden layout for the moment until the rest of my app is finished and then I might look into figuring out JS/TypeScript.

If anyone can share some pointers on how to start with that would be great.

[jbednar]

I believe @philippjfr is working on a https://golden-layout.com template. Not sure how feasible Lumino is, particularly given the profound lack of documentation for lumino/phosphorjs.

[davidpasquale]

Hi, I do not think that PhosphorJs i that badly documented:
https://phosphorjs.github.io/docs.html
I also found another example of Bokeh+PhosphorJS
https://github.com/dwillmer/phosphor-bokeh-demo
Kind regards!

[philippjfr]

I'd love to work on a Lumino example at some point.

Hi, I do not think that PhosphorJs i that badly documented:

Those aren't really docs they are just an auto-generated API reference, which are fine when you're already familiar with the basic structure and concepts but really doesn't help you much to get started. There were some mentoring sessions by the author before he quit which can be viewed here: https://www.youtube.com/watch?v=GCp4lxOblxg

I also found another example of Bokeh+PhosphorJS

That's really helpful.

[xavArtley]

I made some tests about Lumino.
I just worked with the DataGrid to display a Dataframe.
I made a repo where I'd like to save my experimentations.
You can view the first result here: https://github.com/xavArtley/pnbk-extensions/tree/master/pnbkext/lumino

[philippjfr]

That's awesome, very excited to start wrapping Lumino widgets. I think we should at some point discuss how we want to maintain Panel extensions like this, if there's interest we may want to move Panel to it's own org and then maintain panel-lumino, panel-perspective etc. wrapping external components.

[xavArtley]

I made a proof of concept for playing with lumino dock system.
It is pretty hard to mix 2 layout systems (Bokeh and Lumino)
https://github.com/xavArtley/pnbk-extensions/blob/master/pnbkext/lumino/README.md