I'm building an app that renders a line graph of the user's wellness over time.

(For example:)

line graph
(source: netdna-cdn.com)

It also needs to mark the days they took medication. Originally, I wanted to place a dot at the bottom of the graph on any day the user took meds, but I also don't want to limit the number of medications they're tracking, and stacking dots doesn't work too well.

How would you represent that concept?

  • Cursor hover tooltips appear at a pre-set distance from the cursor, so you can move them both away to see the obscured part. Why not use that? Feb 1, 2014 at 14:32
  • The user needs to be able to compare treatments to wellness at a glance, no tooltip-hunting
    – logan m
    Feb 1, 2014 at 16:15
  • 1
    Then half-transparent mark and half-transparent contrast outline. Like white subtitles with black outline, only somewhat transparent, so as not to occlude the graph behind it. Feb 1, 2014 at 18:40

1 Answer 1


I don't know what the two different lines (orange, blue) represent. But as an indicator you could highlight the data point from that particular day in a different color and add the number of medications inside. Scribble

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.