Plots: Ability to zoom and maybe pan

[aschuh-hf]

Is it possible to zoom the metrics plots within a selected local rectangular window as in TensorBoard? I couldn't figure out how if. Selecting a rectangular zoom window and zooming out again fully via a simple interaction (e.g., double click as in TensorBoard) would be quite useful. Also being able to then pan that window would be nice (SHIFT + left click drag in TensorBoard).

[mattseddon]

This is not currently possible.

@daavoo @dberenbaum is this behaviour something that Plotly will be able to provide?

[dberenbaum]

It looks to be possible: https://plotly.com/chart-studio-help/zoom-pan-hover-controls/

[shcheklein]

@dberenbaum do we have an epic / story for the Plotly migration? so that we can put the requirements like this into that story.

[dberenbaum]

Added a tasklist in iterative/dvc-render#7 to keep track, although I think the first step will be just trying to reach parity with the current vega-lite implementation.

[mattseddon]

We can do this with a simple update to the Vega template. The plot can be zoomed in with the mouse wheel. For the extension, I would suppress the behaviour unless the plot is focused/zoomed:

Screen.Recording.2023-09-07.at.9.47.19.am.mov

WDYT?

cc @daavoo

Note: I cannot currently get the zooming behaviour to work for the smooth template but I will spend a little bit of time trying to make it work before raising a PR. - see demo in the below PR.

[mattseddon]

Further demos available at #4629

[aschuh-hf]

Great, thanks for adding this!

Unfortunately it isn't yet working for me with v1.0.52 of the Extension when using a custom template based on #4532 (comment). Even after I commented the stages.<stage>.plots[*].template line in the dvc.yaml in the workspace, it is still using the previously used template. I guess it's cached somewhere as part of an experiment run?

PS: I also tried again after updating to DVC 3.19.0.

[mattseddon]

If you can share your template with some dummy data in a Vega editor then I should be able to get it working for you.

[aschuh-hf]

If you can share your template with some dummy data in a Vega editor then I should be able to get it working for you.

I believe I figured out the tooltip related issue (cf. #4532 (comment)). Will need to wait until I run another experiment it seems before I can get DVC CLI to use the updated template and test out the zoom and pan feature within the extension. Unless there is another way I can tell DVC which template to use? It ignores the template specified in the dvc.yaml of the workspace, even after committing it with Git.

[shcheklein]

It ignores the template specified in the dvc.yaml of the workspace, even after committing it with Git.

It it the same in the DVC - dvc plots show?

[aschuh-hf]

It it the same in the DVC - dvc plots show?

Yes, this was also the case when using the CLI.

[aschuh-hf]

FYI With the template provided by @mattseddon at #4532 (comment) zoom and pan works like a charm!