Timeline grid

pixels per second to a nice grid

  grid = new timelineGrid({
    appendTo: <domNode>, //defaults to body
    seconds: 50, //duration required*
    pps: 50, //pixels per second required*
    height: 10 //height of primary lines defaults to 50,
    fillStyle: "red",
    fontStyle: "15px Helvetica",
    lineWidth: 5,
    fillStyle: "red", //default is black
    fontFillStyle: "orange" //default is black
  });

interface

  grid.changePps(<pixels per second>)
  grid.changeDuration(<seconds>)

to dev

  cake watch