draws a timeline cut up into intervals, for html canvas