How to form this kind of graph?
<p>I want to create this kind of graph on the basis of user entered data.
the main issue is regarding the display of boxes on the point.
Let me explain you a bit,background does contain a gradient image which resembles to the color of urine the patient want to mention.</p>

<p>Please suggest me something to create this graph.Whole data is need to be fetched dynamically.</p>

<p><img src="http://i.stack.imgur.com/6p3OX.png" alt="enter image description here"></p>
