Нужно сделать 4 графика в HTML - см картинки в аттаче. Если всё пойдет хорошо, у меня есть еще много подобных графиков - отдельным проектом можем работать.

1. First graph has N sections per row, they add up to 100%. Each section has it's own color. The graph consists for large number of rows, and "average" row separately at the bottom.

2. x axis is time. Each row starts at certain point of time, has color and length. Each row is attributed with the "location" - [1] [2] [3] boxes in the beginning, and has some text under it. So typical data point will be { location code, start time, end time, color, note }

3. It's a scheduler graph - x axis is hour slots, rows are event types. Input data for each box is { event type, time start, time finish, color, note }

4. it's aggregation of #3 by hour - all event types are stacked on top of each other for given hour. Data input is the same as for #3

Т.е. в итоге мне нужна 1 HTML страница, на которой будет 4 графика и 4 блока JSON с тестовыми данными - которые я заменю своими - и сразу же увижу результат.

Для каждого графика надо title, legend, маркеры по осям и прочее - ну и что бы я мог ненужное отключить где-нибудь в настройках.

Если всё пойдет хорошо - у меня еще много подобных тасков есть, можем дальше работать.

Вот библиотеки, которые предлагается использовать. С нуля не хочу - потом замумукаюсь баги ловить.

https://developers.google.com/chart/interactive/do...
https://github.com/d3/d3/wiki/Gallery
http://www.chartjs.org/docs/