Side by Side Embedding Feature

[niknak33]

Multimodal exploration of spatial data with side-by-side embeddings

Rationale:

This is foundational work to support data consumers’ ability to generate hypotheses from spatial data. Being able to compare the location of cells in physical space with their position in UMAP or other lower-dimensional “transcriptomic space” enables data consumers to investigate how gene expression profiles change in different cell types and tissue locations.

User stories:

As a user, I want to directly compare cells’ placement in physical space (spatial embedding) with its representation in a low-dimensional embedding (e.g., UMAP or tSNE) so that I can better understand how patterns in gene expression vary across space.

Requirements:

• We can show two scatterplots side by side; one or both of these may be a spatial embedding with an image underlay.
• It’s very important to keep the state of the data consistent across the entire viewer – that is, the filters, coloring, and which points are in view should be internally consistent with each other.
• Hovering over cells in the left sidebar should highlight the same cells in both embeddings.
• Hovering over cells in one embedding should highlight the same cells in the other.
• Subsetting affects both embeddings. E.g., if the lasso selector is used to subset, the set of cells is displayed in the other embedding (even though they are not contiguous).
• Colorby and filtering affects both embeddings.

Design - https://www.figma.com/file/eJ3acPxG04PKVlom6eS8ft/Spatial?type=design&node-id=304%3A195512&mode=dev
@hthomas-czi

Sub-Tasks:

• feat(side by side embedding): create side panel with embedding #924
• feat(side by side embedding): complex embedding feature parity #925
• Integration with existing small features
  • feat(side by side embedding): integration with gene expression scatterplot panels #928
• Spatial Integration
  • feat(side by side embedding): non-deep zoom spatial image in panel #926
  • feat(side by side embedding): deep zoom in panel #927
• feat(side by side embedding): UI Tweaks #923
• feat(side-by-side): Update buttons icons to match design #981
• feat(side-by-side): Assorted QA and Polish Items #982

[tihuan]

@seve I don't remember if the data point limit we currently support is memory bound or CPU/GPU bound, but maybe worth creating a ticket to double check that the side by side mode will work with the max data points we support 😊?

Thank you!

[tihuan]

bumped up to P0, since this is required for launch