Написать React-компонент график
Компонент должен рисовать график, выглядящий точь в точь как на прикреплённом к заказу скриншоте. Время начала дня - левая сторона графика, время конца дня - правая сторона графика. Снизу нужно вывести время в этом промежутке с интервалом в час, при этом нужны корректные отступы по времени - я имею в виду, что если рабочий день начался в 8:30, то расстояние на временной шкале между 8:30 и 9:00 будет в два раза короче чем между 9:00 и 10:00. Время нужно выводить именно с :00 минут за исключением времени начала рабочего дня и конца рабочего дня, если в них минуты не равны 00.
Затем компонент должен пройтись циклом по массиву с массивами событий. Для каждого массива событий на графике выделяется горизонтальная полоса. Далее в ней должны быть отрисованы элементы массива. Каждый элемент массива содержит информацию о времени начала события и времени завершения события. Следовательно нужно правильно отобразить каждый элемент массива, чтобы его начало совпадало с меткой на временной шкале, равно как и его завершение. Цвет заливки элемента массива нужно получить из массива цветов для массивов событий (передаётся в компонент).
Пишите только если уверены в своих силах - я плачу только за корректно работающий компонент. Стили требуется написать на SCSS. Отклик начните со слов "я люблю React", иначе он будет проигнорирован - невнимательные исполнители меня не интересуют. Расскажите в отклике, приходилось ли сталкиваться с чем-то подобным ранее, и почему я должен выбрать именно вас. Также сразу сориентируйте по срокам и стоимости.
P.S.: Нужен именно React-компонент, другие технологии и варианты реализации не предлагать. Если справитесь будет еще один похожий заказ от меня. Если нужно какие либо дополнительные данные передавать в компонент для его реализации - пишите, обсудим.
Жду ваших откликов!