[DISCUSSION] UI Improvements about anvio

[meren]

This is how the detailed taxonomy estimation panel looked like in the original version:

And how it looks like now (not very pretty, is it):

---

This is what happened when someone clicked on a bin in that window:

And this is what happens now (i.e., nothing :)):

[meren]

When there are no legends to be shown, under the legends section, in light gray, it should say,

"There are no legends to edit in this display."

It currently looks empty and confusing:

[meren]

ABORT ABORT. Please don't make any changes for this one and ignore everything below this line :)

---

Please remove these two items from the options panel,

And make custom margins turned on by default in the main panel as the following:

There are multiple reasons for this. Options is a new panel, and this change affects the structure of the main panel, which is not what people are looking at when the button is clicked (in the old design it was under additional settings in the main panel, so it made it more intuitive). Now we have more space in the main panel, so there is no reason to not have them turned on by default.

[meren]

Please expand the width of the dropbox so the text fits (and replace 'leaf' with 'item' in the text):

[meren]

It is "anvi'o" (and not capitalized when it occurs in mid-sentence like a regular word). I saw this in multiple places in the interface, and I thought I'd point it it out :)

[meren]

In the pangenome, gene cluster functions window looked like this when one clicked on the button in the bins panel:

And it looks like this now:

I think the content is much less readable. Please adjust the window and font size to have a comparable view.

[meren]

The link here is broken and goes to pull requests page:

[meren]

Show grids button doesn't work (as in, you click on it, but grids are not shown for selections):

Plus, the color picker in the same control doesn't respond when clicked.

[metehaansever]

I'm on it! Thank you Meren

[meren]

This is the font-face in the original interface:

And this is how it is in the ui-improvements:

[metehaansever]

This is the font-face in the original interface:

And this is how it is in the `ui-improvements`:

Actually I did that in purpose. I replaced every font with "Montserrat", with some exceptions. The reason for this was to have the same typography everywhere.

[meren]

Actually I did that in purpose. I replaced every font with "Montserrat", with some exceptions. The reason for this was to have the same typography everywhere.

And yet it is not working. This is how it looks on my interface right now:

And this is how it would have looked like if it was in Montserrat:

I'm not sure if it may be because MacOS is missing Montserrat in its default font collection? You can probably solve it by including Montserrat with the anvi'o distribution, but I think it would be much better to not do that and use Helvetica as we did before. Because people will download SVGs to work with anvi'o outputs, and then every font in the SVG will be replaced with Times New Roman just because they don't have Montserrat in their collection.

[meren]

"Search gene clusters using filters" should have the same size with every other header on this page.

And this section is mean to serve all three search options, but it is not clear anymore:

I'm not sure how to make it obvious now we are not collapsing individual search strategies :/

[metehaansever]

Show grids button doesn't work (as in, you click on it, but grids are not shown for selections):

when I test Show Width color and width works for me.

[metehaansever]

Actually I did that in purpose. I replaced every font with "Montserrat", with some exceptions. The reason for this was to have the same typography everywhere.

And yet it is not working. This is how it looks on my interface right now:

And this is how it would have looked like if it was in Montserrat: I'm not sure if it may be because MacOS is missing Montserrat in its default font collection? You can probably solve it by including Montserrat with the anvi'o distribution, but I think it would be much better to not do that and use Helvetica as we did before. Because people will download SVGs to work with anvi'o outputs, and then every font in the SVG will be replaced with Times New Roman just because they don't have Montserrat in their collection.

I wasn't consider that and Montserrat wasnt one of the default font so I switched all font-family to Helvetica.

[metehaansever]

@meren Meren, I fixed every bug in here. I'll run anvio tutorials tomorrow and update here with newer bugs.

[xvazquezc]

Given that you are dealing with fonts, worth mentioning that Helvetica is only included in Mac, it isn't standard with any other OS due to licensing.
If the issue is folks not having the font in the system for the SVGs, the font can be embeded in them - likely a very small increase in size in comparison with the whole SVG

[meren]

That's a great point, @xvazquezc. @metehaansever, can you please look into this and figure out if we can display and export SVG images regardless of the font collection on the user side?

Although my top choice among all the open-source fonts similar to Helvetica is Inter, it doesn't have italicised alternative for black 900 (which has been a huge problem for us forever as it is the case with Helvetica). So I think we should go with Roboto. Can you please make the necessary changes and see if you can display and export SVGs to work with inkscape on them, including on computers without Roboto installed?

[metehaansever]

@meren Helvetica is default font for Unix and Macos actually. I tried to Svg export and Helvetica works on my Ubuntu 22.04.
I'll try to embed font-family inside SVG and if its work, i'll update rest with Roboto.

[metehaansever]

"Search gene clusters using filters" should have the same size with every other header on this page.

And this section is mean to serve all three search options, but it is not clear anymore: I'm not sure how to make it obvious now we are not collapsing individual search strategies :/

Default:

Search With expression:

Search Functions:

And gene cluster version will be yellow :)

[xvazquezc]

@metehaansever maybe other Unix, but definitely not Linux. I've been running Ubuntu by default since 16.04 and it was already missing back then. Definitely still not in 22.04.1... and I prob have more fonts than any sane person.

Note that even if you tell to use Helvetica, most programs, CSS... will use something else if not available. That's why a good website/CSS normally have a few fonts listed as fallback to limit the differences in appearance if the main font is not available