Dashboard Grid Layout

[MarcSkovMadsen]

Request

Add Grid layout for creating irregularly spaced containers and an easy api for usage.

Motivation

As far as I can see HoloViews only provides regularly spaced containers.

But there are many use cases where you want to layout your plots non-regularly spaced but still

• share one toolbar
• share legends
• share one colorbar
• link some axes
• ...

Panel provides additional containers like the GridSpec. But here you don't easily share and link things.

I would like the layout to be easy to use. For example via an api like

import hvplot.pandas
import pandas as pd
df = pd.DataFrame({
    'actual': [0.1, 17.5, 40, 48, 52, 69, 88],
    'forecast': [2, 8, 70, 1.5, 25, 12, 28],
    },
    index= [1, 2, 3, 4, 6, 6, 7]
)
df["delta"]=df["actual"]-df["forecast"]
line = df.hvplot(y=["actual", "forecast"])
bar = df.hvplot.bar(y="delta", height=100)
(line + (bar + bar).cols(2)).cols(1)

Here I would expect the two bar chars to have been layed out in one row with 2 columns. Currently it looks like

Other Frameworks support this

Plotly

https://plotly.com/python/subplots/

Matplotlib

https://matplotlib.org/stable/tutorials/intermediate/tight_layout_guide.html#sphx-glr-tutorials-intermediate-tight-layout-guide-py

[philippjfr]

This is a duplicate of one of our oldest issues: https://github.com/holoviz/holoviews/issues/91