We need an interactive redesign of the Science page of our company website. We need 2 versions of the page: one for browser/desktop and one for mobile.
The current Science page is a placeholder: http://perlsteinlab.com/science/
A mockup of the new Science page layout is attached below as a PDF. (Ignore the current text, which is a placeholder and will be replaced in the final version).
The chart will be the central element of the new Science page. When you mouse/hover over each disease name, a blurb (100-word description) pops up, as is shown by the orange box in the mockup.
Also attached are four 2x2 image panels of model organisms (yeast, worm, fly and fish).
The mobile version doesn't have to be an exact replica of the browser/desktop version. One idea is to simplify the chart so that there is a list of disease that can be filtered by clicking on each model organism.
For example, if all four model organisms are selected, then the full list of diseases appear. If only two model organisms are selected, then only their associated diseases are displayed. (I'm open to other ideas).