Как сделать таймлайн график?

Question

[miki131]

[{
    "status": "Undefined",
    "start": "00:00:00",
    "duration": 50518
  }, {
    "status": "Unavailable",
    "start": "14:01:58",
    "duration": 11
  }, {
    "status": "Pending",
    "start": "14:02:09",
    "duration": 0
  }, {
    "status": "Available",
    "start": "14:02:09",
    "duration": 952
  }]

У меня есть данные в таком виде.
Мне надо нарисовать график активности за сутки.
Сейчас просто на канвасе - считаю для заданого масштаба количество секунд на 1 пиксель и рисую прямоугольники разных цветов.
Вопрос: есть какое-то готовое решение для такого рода графиков?

Answer 1

[Виталий Перетятько]

Использую такую библиотеку almende.github.io/chap-links-library/js/timeline/d...

только в ней формат чуть другой, время начала и время конца события.
таких библиотек много разных напишите в гугле "timeline js" и выбирайте на свой вкус

Answer 2

[Maksim Zverev]

Посмотрите в сторону chartjs

Answer 3

[Alexander]

1) www.highcharts.com
2) d3js.org