# How to create Gantt chart visualization

**URL:** <https://discuss.elastic.co/t/how-to-create-gantt-chart-visualization/322319>\
**Category:** Kibana\
**Tags:** vega\
**Created:** [January 2, 2023, 2:39pm UTC](https://discuss.elastic.co/t/how-to-create-gantt-chart-visualization/322319 "2023-01-02T14:39:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kamil\_BdBelfort](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kamil_bdbelfort/32/113367_2.png) [@Kamil\_BdBelfort](https://discuss.elastic.co/u/Kamil_BdBelfort)\
**Post date:** [January 2, 2023, 2:39pm UTC](https://discuss.elastic.co/t/how-to-create-gantt-chart-visualization/322319/1 "2023-01-02T14:39:44Z")

</div>

Hi there,

I have been looking on previous posts and options in Vega / custom visualization to create Gantt Chart-like visualization for more than a day now.

Part of my data are projects, I have start dates, end dates, names of a project etc.  
Some project take 3 months, some more than a year.

I was hoping to be able quite easily to visualize it in a chart rather then a table.  
On the y-axis I wanted to have a project names and on de x-axis timeline with monthly intervals.

Each project would be it's own bar accordingly positioned on a timeline to its start and end dates.

Does anyone know how I could implement that?

With regards,  
Kamil

---

<div class="post-metadata">

**Author:** ![jsanz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jsanz/32/53734_2.png) [@jsanz](https://discuss.elastic.co/u/jsanz)\
**Post date:** [January 17, 2023, 11:37am UTC](https://discuss.elastic.co/t/how-to-create-gantt-chart-visualization/322319/2 "2023-01-17T11:37:44Z")

</div>

There is no direct support for Gantt charts in Kibana but the [Vega visualization type](https://www.elastic.co/guide/en/kibana/current/vega.html) allows to render them

Have you checked this post?

> [@Gantt Visualization Using Vega](https://discuss.elastic.co/t/gantt-visualization-using-vega/136532/2):
>
> Hi @maseca, Given index maseca, with the following documents: [image] I was able to render a Gantt Visualization using the following: { $schema: https://vega.github.io/schema/vega-lite/v2.json title: Gantt Visualization Using Vega data: { url: { // Apply dashboard context filters when set %context%: true // Filter the time picker (upper right corner) with this field %timefield%: start\_time /\* See .search() documentation for : https://www.elastic.co/guid…

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [February 14, 2023, 11:38am UTC](https://discuss.elastic.co/t/how-to-create-gantt-chart-visualization/322319/3 "2023-02-14T11:38:13Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.