This interactive illustration is intended as patient education. It is comparing the physical symptoms of an anxiety attack or chronic anxiety disorders with the changes in our body during the ” flight or fight” response. The purpose of this illustration is to give patients information about where the physical symptoms of anxiety disorders come from.
I also wanted the user to be able to hover on the illustration to see clickable areas so I used a separate set of divs that call on the same highlight images to display on mouseover and hide on mouse out.
This interactive illustration is designed to teach the lobes of the human brain in sagittal section. Students can test themselves by hovering over the brain to reveal the labels one at a time.
The interactivity was created using only the CSS hover feature. For a more detailed description of creating an illustration like this, read this tutorial written by illustrator Memori Otsuka.
This illustration is designed to educate patients about the wide range of diseases and cancers that are associated with chronic smoking. It doesn’t give any detail about specific diseases but illustrates how smoking related disease can effect many different parts of your body.
This illustration is part of the iMD Health library of images. This illustration would be used by a doctor or pharmacist as a visual aid to explain the risks of smoking related disease to a patient considering a smoking cessation treatment program.