Pairwise plots

[sowmiyaa-kumar]

This PR adds the option to draw lines connecting samples from the same patient in box scatter plots on the Plots Tab.

Features that have been implemented:

• Checkbox appears on the bottom left corner when a box scatter plot is rendered.
• On clicking, lines connecting the samples appear.
• Hovering over a line increases it's width and makes it darker for better clarity.
• Clicking on a line will remove it from the plot.
• Hovering over the line also highlights the sample points on either end. (work in progress)

Checks

• Has tests or has a separate issue that describes the types of test that should be created. If no test is included it should explicitly be mentioned in the PR why there is no test.
• The commit log is comprehensible. It follows 7 rules of great commit messages. For most PRs a single commit should suffice, in some cases multiple topical commits can be useful. During review it is ok to see tiny commits (e.g. Fix reviewer comments), but right before the code gets merged to master or rc branch, any such commits should be squashed since they are useless to the other developers. Definitely avoid merge commits, use rebase instead.
• Is this PR adding logic based on one or more clinical attributes? If yes, please make sure validation for this attribute is also present in the data validation / data loading layers (in backend repo) and documented in File-Formats Clinical data section!

Any screenshots or GIFs?

If this is a new visual feature please add a before/after screenshot or gif
here with e.g. Giphy CAPTURE or Peek

Notify reviewers

Read our Pull request merging
policy. It can help to figure out who worked on the
file before you. Please use git blame <filename> to determine that
and notify them either through slack or by assigning them as a reviewer on the PR

[netlify]

✅ Deploy Preview for cbioportalfrontend ready!

Name	Link
🔨 Latest commit	049f1ac
🔍 Latest deploy log	https://app.netlify.com/sites/cbioportalfrontend/deploys/6798f97762497800094039e6
😎 Deploy Preview	https://deploy-preview-5041.preview.cbioportal.org
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[TJMKuijpers]

The Hovering over the line also highlights the sample points on either end is now working as well

[alisman]

@TJMKuijpers @sowmiyaa-kumar can you put instructions for testing this. i went to the plots tab with similar axis configuration and i don't see the the checkbox.

[sowmiyaa-kumar]

@alisman you can try the Glioblastoma Multiforme TCGA PanCan study with the same axes. Linked it here as well.