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

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

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

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

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