Closed pnrobinson closed 4 years ago
Some things to try:
Another possible thing to address this would be mouseover tooltips with some labels to describe what each LR bar is
@jmcmurry Actually, tool tips would be a better way of displaying the complicated information about the phenotypes that is now shown as a block of text. @justaddcoffee I like the idea of tool tips but it would be great to avoid JavaScript. Here seems to be a way of doing it with CSS coolness (https://bl.ocks.org/mqg/24da58ffac19ba2fdaab).
Tooltip on hover (for any bar) is a great idea; agree it could be a good way of exploring the complex info currently a block of text, but it is probably not sufficient in itself.
Given that horizontal space is still quite generous I still recommend either some white space buffer or a separate column.
@jmcmurry This is definitely not intended for use on mobiles, and we should simply not worry about that. In conversation we discussed removing the black outline for the gene on the sparkline. I have been thinking and am not sure that we should add space between the phenotypes and the gene. The sparkline is intended to be an overview and the more detailed exploration should occur in the main sections. I think that once users start exploring they will "get it" that the last item is a gene. Anybody who uses this tool will probably be using it for many cases and so there will be a learning curve that it inavoidable!
In the interest of specificity before we abandon ship, here's my recommendation. Are you quite certain you prefer it all together with phenotypes? I find this both clear and simple.
@jmcmurry This does look nice! Let me try to implement this. I think it will mean creating an extra SVG string for the gene boxes and adding an option for the HTML template for whether or not LIRICAL was run in phenotype-only mode
@jmcmurry -- how about this?
@jmcmurry Improved version
Should we call "Profile match" simply "Phenotypes"?
done
great, thanks all :)