@fenestra/timelane v5.0.2

Timelane

You have this object:

{
  start: 0,
  span: 10,
  sprouts: []
}

You get this:

You have this object:

{
  start: 0,
  span: 10,
  sprouts: [
    {
      start: 1,
      span: 4,
      sprouts: []
    }
  ]
}

You get this:

You have this object:

{
  start: 0,
  span: 10,
  sprouts: [
    {
      start: 1,
      span: 4,
      sprouts: []
    },
    {
      start: 2,
      span: 5,
      sprouts: []
    }
  ]
}

You get this:

So, you can get something like this, if you will:

You can play with the time: