Front end: Page layout - Githubissues

PoonLab / covizu

Rapid analysis and visualization of coronavirus genome variation

https://filogeneti.ca/CoVizu/

MIT License

46 stars 20 forks source link

Closed ArtPoon closed 4 years ago

ArtPoon commented 4 years ago

To be implemented via CSS

              |
treetime SVG  |
              |   side
--------------|   bar
              |   (help + 
 cluster SVG  |   info)
              |

MomomomoLiu commented 4 years ago

is this for the index page?

ArtPoon commented 4 years ago

Yup

ArtPoon commented 4 years ago

See #27

ArtPoon commented 4 years ago

Components:

time-scaled tree (SVG)
beadplot (SVG)
search field/drop-down
explanatory text (maybe link/button to tutorial/tour?)
cluster-level metrics (number of variants, mean pairwise distance, breakdown of countries of sampling, sample collection dates)

ArtPoon commented 4 years ago

Three column layout

Search bar at top of columns

ArtPoon commented 4 years ago

Whiteboard 1 -01

ArtPoon commented 4 years ago

Have implemented basic layout with tables - can this be implemented in a better (more modern) way with CSS?

ArtPoon commented 4 years ago

Can we make the search and info divs scroll with the page?

ArtPoon commented 4 years ago

Asked @MomomomoLiu to submit a pull request, @ArtPoon to review frontend branch before merging into dev