'How to draw a complex Gantt chart in react?

I am trying to build a gantt chart, wherein a single row can have multiple horizontal boxes. Something as shown in the below image. image-1.

I have explored following react packages, but seems no one is enough to draw multiple horizontal boxes in a single row as shown in the images.

Packages:

Please do suggest some solution. Any kind of help is appreciated.

Solution 1:^[1]

There is a superset of Gantt chart, called Timeline chart. That would help one to implement above mentioned chart.

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	Yogesh Gupta