serratus-bio / open-virome

monorepo for data explorer UI and APIs
http://openvirome.com/
GNU Affero General Public License v3.0
0 stars 0 forks source link

[Feature] Implement `Simple` and `Advanced` views for each module #49

Open ababaian opened 1 month ago

ababaian commented 1 month ago

Currently within each module, different figures are shown as pull-down menu

image

click

image

Change this to "tabs" for each graph type so users can immediatly see that more data is available. It's not clear that this is a click-able entry, and what other information is present. If we use a gray color for non-selected tabs it will keep the visual distractions of non-selected items down.

lukepereira commented 1 month ago

We can try this out. I still think it will add a lot of text, i.e. for the metadata module it would have: Geography, Host (STAT), Tissue, Sex, and we'll likely continue adding more.

probably a good strategy is to open issues for the problem with the app and then we can collectively propose/discuss potential solutions in the comments

ababaian commented 1 month ago

Certainly re: discussion.

In terms of representation, I think we're going to have to go over it a few times as the application matures so nothing will be set in stone, but we can work through it with incremental improvements.

I'm actually of the mind that all the graphs should be shown without having to click through anything for a given module. Like so...

image

image

https://serratus.io/palmid?hash=3xample

The added benefit is that the more complex renders such as the network module does not have to be shown/calculated until the user clicks over to that tab.

lukepereira commented 1 month ago

the full page render is also do-able with lazy-loading, so it only fetches and renders a figure when it enters the viewport.

the iterative approach is fine for now and if we land a good designer they'll can hopefully give us the best solution directly

ababaian commented 1 month ago

Email sent, we'll see how this goes but it's the first step in opening a work order regardless

lukepereira commented 1 month ago

Shoichi Sakaguchi The network viewer in “Virus Species / Virus Family / sOTU” should be bigger.

Another layout option to consider would be to keep the existing landing page of three modules and include an "expand" icon in each module that opens all of its figures in a wide view.

IMO this could be better than the tabs because users can look at three modules on the base page which is more visual appealing

ababaian commented 1 month ago

I think to be fair this is bikeshedding, let's get the functionality together then we can see how best to tweak it, but a "Maximize View" I agree is the right compromise to do this quickly

ababaian commented 1 week ago

I think the solution to this UI problem is not to have one plot type per view, but to make the views in the pull-down menu

This pretty much will cover the two major user-types