Dashboard that can be dragged and resized?

[v479038280]

I wonder if it's possible to create an arg (like drag=True or resizeable=True) in the ui.echart (or some other data display tools) to implement the functions of resizing and dragging. The image showed below is from mondy.com.The effect is really great.
If NiceGUI can conveniently achieve a similar effect, it should become popular due to this feature. NiceGUI is now very flexible and convenient, but it lacks something that can instantly capture people's hearts in a specific aspect. This is also the reason why Streamlit, though not as easy to use as NiceGUI, is more popular.

[v479038280]

This might be the best Dashboard I have seen so far. Should NiceGUI consider implementing this type of reusable component?

[evnchn]

PRs are welcome!

[falkoschindler]

Similar to feature request #932 (PR #4656), this could become a core feature of certain NiceGUI elements. Actually it could be an extension of our current "sortable" concept: Elements within sortable containers could draggable and/or resizable.

Although PRs are always welcome, we might want to agree on two important aspects first:

1. We should check if there's a good JavaScript library that can be used as a foundation.
2. And we should think about how an API might look like, possibly unifying both element order and size.

[unigrated-solutions]

The stylings pretty rough but here's an example using gridstack.

example.mp4