IMP: Enable Zoom In/Out and Dynamic Resizing of scatterplot

[ChristosMatzoros]

Current Behavior

Currently, the scatter plot is static and lacks the ability to zoom in on specific areas. This creates a challenge when multiple data points cluster together, especially when they overlap or are displayed in different colors, making it hard to distinguish and accurately identify their locations. Additionally, the plot does not adjust its size according to the window dimensions, leading to usability issues, as users may need to scroll to view the entire plot.

Proposed Behavior

I propose implementing zoom functionality, allowing users to zoom in and out based on the cursor's position. Additionally, the plot should automatically resize based on the window size to improve usability and avoid unnecessary scrolling.

I’m unsure if this feature aligns with the current roadmap or overlaps with any ongoing issues/PRs. I have already implemented a preliminary version of this functionality, but I would appreciate feedback on whether this enhancement is needed and if there is interest in me proceeding with a pull request.

To view the visualization created with this enhancement you can download here. You can open it using qiime tools view viz.qzv to see the proposed behavior. For a better test of this enhancement, please use the values of sample_id for colorBy, and virus_score for both xField and yField.

Thank you

[lizgehret]

Hey @ChristosMatzoros,

These changes seem reasonable, thanks for submitting this issue! It seems like you've already implemented these changes locally, so feel free to open a PR for me to review if you'd like this to be included in the 2024.10 release - otherwise I most likely won't get to this until after the release.