Are there JS libraries for constructing layers of HTML pages (for dashboards) or any thoughts on how to do this?

Question

css

The task is to implement the interface for creating dashboards.
In fact, there are elements (graphs, tables, and other components) that need to be thrown onto the page, getting a convenient representation of aggregated information.
So far I see it as something similar to Qt Designer (C ++ library, if anyone has come across), where everything is based on layers and setting their behavior.
Suppose there are layers with horizontal placement of elements, vertical and grid, where elements are placed in cells, each cell is the size of the height and width of the corresponding row and column of this grid.
And already the elements themselves are inserted into the cells of the layers placed on the page, filling them by 100%.
Layers are inserted into each other, so we can count on a convenient creation of a view.
So far, I haven’t found anything ready, I’ll have to do it myself, I’m not sure about the solution yet. Since you need to try to come up with an algorithm in which all elements could be adjusted (fixed) in width (in%) and height (in pixels), and the option I described above is not suitable for this in some cases. Although in my opinion, fixed elements will create unnecessary problems for the user when designing a dashboard.
Are there any ready-made solutions for the web?
Or express your opinion on the task, any information.
If you know any other products that have such functionality - share the link (I found an interesting product www.pentaho.com while I'm waiting for demo access).

Answer 1

I'll answer myself: https://www.golden-layout.com/docs/Container.html

Answer 2

It is unlikely that such a "dashboard interface" can be generalized at all - everything will vary greatly depending on the components you use.
This task is not so difficult - any such interface consists of: 1) a grid, 2) a list of components (which are drag'n'dropped onto the grid) and 3) a parameterization interface for dropped components (usually this is some kind of propertysheet).
That's only if your data source for the admin panel is a site on rails, and you use jquery, you need to solve this problem in one way. And if you aggregate logs using elasticsearch and use vue.js or angular - in a completely different way.
This is a ready-made system in which this task is implemented - most likely by code specific to this system.