Add UI view for filters on and off

[tcpan]

I've seen this before for showing an image sharpening on and off. The image is static, but split by a movable bar. On one side of the bar the filter is applied, on the other it is off. The bar can be moved in order to show the impact on some parts of the image before and after.

We should have an option like this for all of the data/annotation/heatmap layers, to show the base image with this kind of interaction.

[birm]

Adding this as a reference to the kind of interaction I think you mean: https://codepen.io/Coding-in-Public/pen/NWyjZwO

[adarsh7raj]

can you please gives the steps to reproduce the issue

[vr-varad]

@tcpan i could work on it
could u assign me?

[birm]

@vr-varad We typically don't assign issues, but if you open a PR mentioning this issue it should be clear you're working on it.

[Apurv428]

Hi @birm , I would like to take up this issue. For image sharpening, can CSS be used or is there any more requirement for that?

[birm]

caMicroscope has image visualizations which are displayed with some transparency over the image

which this view should hide/show

[Apurv428]

So, we need to work on the transparency part which can be changed using the slider? Please correct me if I am wrong.

[birm]

Bumping this issue.

The issue would be essentially some interaction to show/hide annotations in a region of the screen. You can see the above vaguely similar example as inspiration, or propose a different UX.