visualization-tool icon indicating copy to clipboard operation
visualization-tool copied to clipboard

Canvas layout improvements

Open ptbrowne opened this issue 1 year ago • 0 comments

Wrapping behavior

Right now, when moving charts around, the way they move themselves is a bit suboptimal and a "wrapping" behavior could enhance it. An initial PR had been made for this, but was not pursued further for the V1 of the grid.

Responsiveness

Right now the canvas layout is always initialized in large screen mode, and modifications of the chart update the large screen mode. We should review what happens when updating the chart when the screen is narrower and see if everything is correct.

  • Should we provide controls to control narrow screen sizes ? Might make the application too difficult ?

  • React grid layout advices to update the layout in lg, so that in narrow screen sizes, the layout is inferred.

When using layouts, it is best to supply as many breakpoints as possible, especially the largest one. If the largest is provided, RGL will attempt to interpolate the rest.

https://github.com/react-grid-layout/react-grid-layout

ptbrowne avatar Jun 06 '24 10:06 ptbrowne