# How to create a gantt chart
**URL:** https://community.glideapps.com/t/how-to-create-a-gantt-chart/58674
**Category:** Ask for Help
**Created:** [March 2, 2023, 2:17pm UTC](https://community.glideapps.com/t/how-to-create-a-gantt-chart/58674 "2023-03-02T14:17:10Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@automatewithrezwan](https://community.glideapps.com/u/automatewithrezwan)
#### Post date: [March 2, 2023, 2:17pm UTC](https://community.glideapps.com/t/how-to-create-a-gantt-chart/58674/1 "2023-03-02T14:17:10Z")
May peace be upon you
I am trying to create a gantt chart view in glideapps. how can I do it?
---
### Author:  [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 2, 2023, 2:31pm UTC](https://community.glideapps.com/t/how-to-create-a-gantt-chart/58674/2 "2023-03-02T14:31:14Z")
You could do this using [quickchart.io](http://quickchart.io)
> **[Chart.js Sandbox Editor](https://quickchart.io/sandbox#%7B%0A%20%20type%3A%20'horizontalBar'%2C%0A%20%20data%3A%20%7B%0A%20%20%20%20labels%3A%20%5B'Part%201'%2C%20'Part%202'%2C%20'Part%203'%2C%20'Part%204'%2C%20'Part%205'%2C%20'Part%206'%5D%2C%0A%20%20%20%20datasets%3A%20%5B%7B%0A%20%20%20%20%20%20data%3A%20%5B%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-02-01')%2C%20new%20Date('2021-05-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-05-10')%2C%20new%20Date('2021-07-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-04-20')%2C%20new%20Date('2021-11-31')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-08-01')%2C%20new%20Date('2021-09-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-02-10')%2C%20new%20Date('2021-07-01')%5D%2C%0A%20%20%20%20%20%20%20%20%5Bnew%20Date('2021-07-20')%2C%20new%20Date('2021-11-31')%5D%2C%0A%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20backgroundColor%3A%20%5B'rgb(255%2C%2099%2C%20132%2C%201.0)'%2C%20'rgba(255%2C%2099%2C%20132%2C%201.0)'%2C%20'rgba(255%2C%20206%2C%2086%2C%201.0)'%2C%20'rgba(255%2C%20206%2C%2086%2C%201.0)'%2C%20'rgba(255%2C%20206%2C%2086%2C%200.2)'%2C%20undefined%5D%2C%0A%20%20%20%20%7D%2C%20%5D%2C%0A%20%20%7D%2C%0A%20%20options%3A%20%7B%0A%20%20%20%20legend%3A%20%7B%0A%20%20%20%20%20%20display%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20annotation%3A%20%7B%0A%20%20%20%20%20%20annotations%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20type%3A%20'line'%2C%0A%20%20%20%20%20%20%20%20mode%3A%20'vertical'%2C%0A%20%20%20%20%20%20%20%20scaleID%3A%20'x-axis-0'%2C%0A%20%20%20%20%20%20%20%20value%3A%20new%20Date('2021-10-30')%2C%0A%20%20%20%20%20%20%20%20borderColor%3A%20'red'%2C%0A%20%20%20%20%20%20%20%20borderWidth%3A%201%2C%0A%20%20%20%20%20%20%20%20label%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20enabled%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20content%3A%20'Deadline'%2C%0A%20%20%20%20%20%20%20%20%20%20position%3A%20'top'%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%20scales%3A%20%7B%0A%20%20%20%20%20%20xAxes%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20position%3A%20'top'%2C%0A%20%20%20%20%20%20%20%20type%3A%20'time'%2C%0A%20%20%20%20%20%20%20%20time%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20unit%3A%20'month'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20ticks%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20min%3A%20new%20Date('2021-01-01')%2C%0A%20%20%20%20%20%20%20%20%20%20max%3A%20new%20Date('2022-01-01')%2C%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%5D%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D)**
>
> Online no-code chart maker. Build interactive charts with your data and create templates for custom use. Free & no login required.
---
### Author:  [@automatewithrezwan](https://community.glideapps.com/u/automatewithrezwan)
#### Post date: [March 2, 2023, 2:33pm UTC](https://community.glideapps.com/t/how-to-create-a-gantt-chart/58674/3 "2023-03-02T14:33:00Z")
I will be using either the Glide Tables or Google Sheet as the data source. Will it be able to embedded in the view?
---
### Author:  [@gvalero](https://community.glideapps.com/u/gvalero)
#### Post date: [March 2, 2023, 2:35pm UTC](https://community.glideapps.com/t/how-to-create-a-gantt-chart/58674/4 "2023-03-02T14:35:46Z")
Hola,
Glide doesn’t have a native Gantt chart to be used, the workaround is to use a 3dr party solution like [Quickchart.io](http://Quickchart.io) or something more Pro like Amcharts or CanvasJS.
Saludos!
---
### Author:  [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 2, 2023, 2:37pm UTC](https://community.glideapps.com/t/how-to-create-a-gantt-chart/58674/5 "2023-03-02T14:37:07Z")
The data source is irrelevant.
With quickchart, you create a URL that returns an image, and display it in an image component.
The work of constructing the URL is done in the Glide Data Editor.