monarch-initiative / phenogrid

The phenogrid widget
13 stars 14 forks source link

color scale sizing #180

Closed davism84 closed 9 years ago

davism84 commented 9 years ago

color scale doesn't look good when grid is small, in inverted mode. consider using a fixed size, if overall grid width is below a certain width

image

yuanzhou commented 9 years ago

We need your opinion @harryhoch , we even tried to place the gradient legend down to the overview map (this way we don't need to worry about the scaling issue). But it makes that area too tight and also leaves an empty space at the bottom between unmatched and options button.

Do you think that we can simply hide the "Invert Axis" option in the menu if there are less than 10 (or a different number) phenotypes? So users don't bother with the axis flipping?

harryhoch commented 9 years ago

What if we put the legend right under the "phenotype similarity comparison" label? - ie, at the top?

yuanzhou commented 9 years ago

Thanks @harryhoch size-wise, it sure will work. I've made changes to always show the top title's full length regardless of the number of rows/columns or if inverting axis. So moving the gradient legend under the top title should work.

harryhoch commented 9 years ago

great. thanks.

yuanzhou commented 9 years ago

Tried to move it to the top of grid and under the main title, didn't look good due to the alignment. So I came up with a better idea. Made the gradient legend thinner and shorter, and moved it down a little bit. Now it looks more like a legend and doesn't matter if we invert the axis.

capture

AFTER INVERTING

capture2

harryhoch commented 9 years ago

great. thanks