Есть веб-приложение на Vue(ориентировано под мобильные браузеры), в котором реализовано отображение сущностей в виде списка. Планируется добавить второй вариант отображения - в виде диаграммы Гантта. Есть схематичный макет, чтоб примерно представлять конечный результат.

Диаграмма представляет собой отображение списка сущностей во временном окне, сгруппированных по признаку этой сущности(специфика предметной области).
Соответственно, сетка Гантта состоит из временной шкалы по горизонтали, и признака сущности по горизонтали.

Т.к. приложение ориентировано под мобилки, то при верстке нужно учесть адаптивность.

На текущий момент нужен простой драфт такого компонента, без сложных фич и требований к дизайну. Главное - реализовать сам механизм отрисовки и сверстать. При разработке можно использовать любые решения(в т.ч. и готовые, если получится).

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