GMOD / jbrowse-components

Source code for JBrowse 2, a modern React-based genome browser
https://jbrowse.org/jb2
Apache License 2.0
199 stars 61 forks source link

Make it more clear which level of the synteny view refers to which assembly #3414

Open cmdcolin opened 1 year ago

cmdcolin commented 1 year ago

Sometimes hard to tell which level is which

Dotplot has a small example that says x: peach, y: grape for example, maybe be able to add something small.

Potentially could also make the two search bars, which are currently side by side, instead be stacked

cmdcolin commented 1 year ago
cmdcolin commented 2 weeks ago

example of work being done on multi-level synteny view PR to show assembly name on each level

screenshot image

the name covers up the left most "refName" which could be remedied in a couple ways

1) making the assemblyname part of the scalebar itself (the refnames are part of the scalebar). doesn't look very good when zoomed out very far though e.g. in a case like this

image

2) moving the assembly name down below the scalebar. then it can cover up feature data though so not that idea there either

3) make it so the assembly name stays as a separate component outside from the scalebar, but make the scalebar aware of the refname being displayed so it bumps the refname over if needed

cmdcolin commented 2 weeks ago

examples of the above grape vs peach vs cacao data

Zoomed out https://jbrowse.org/code/jb2/multilevelsynteny/?config=%2Fdemos%2Fplant_synteny_demo%2Fconfig2.json&session=share-G6AubE6740&password=J7WsX

A zoomed in region https://jbrowse.org/code/jb2/multilevelsynteny/?config=%2Fdemos%2Fplant_synteny_demo%2Fconfig2.json&session=share-sNfUHJk0-_&password=DuuQF

note that those are using "simple anchors files" (large megabase-scale synteny blocks instead of individual genes are drawn). once you draw the connections between individual genes, it can slow down and bog down the browser but that happens even in the pairwise mode