# How do I build a Chart Gantt?

**URL:** <https://community.weweb.io/t/how-do-i-build-a-chart-gantt/19793>\
**Category:** Ask us anything\
**Tags:** design, xano, weweb\
**Created:** [August 26, 2025, 3:23pm UTC](https://community.weweb.io/t/how-do-i-build-a-chart-gantt/19793 "2025-08-26T15:23:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lucaslobos](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lucaslobos](https://community.weweb.io/u/Lucaslobos)\
**Post date:** [August 26, 2025, 3:23pm UTC](https://community.weweb.io/t/how-do-i-build-a-chart-gantt/19793/1 "2025-08-26T15:23:59Z")

</div>

### Hey guys!

I am looking for a solution to create an interactive Gantt Chart within Weweb that is visually pleasant and functional. The idea is to have:

Manipulable bars (drag, resize, exclude)

Direct connection with task dates and commitments saved on my backend in xano  
Modern look and friendly usability (nothing very technical or cast)

I have already explored some alternatives, such as installing libraries via NPM or integrating Gantt Charts from third parties (eg FRAPPE GANTT, Google Charts, DHTMLX etc.), but all seemed complex or visually unattractive to my use case - I may be mistaken, of course.  
If someone has already implemented something similar, or has suggestions (ready components, embeds, web components or tutorials), I will be very grateful!

Thank you in advance 🙏  
Lucas

---

<div class="post-metadata">

**Author:** ![Slavo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/slavo/32/13253_2.png) [@Slavo](https://community.weweb.io/u/Slavo)\
**Post date:** [August 26, 2025, 3:57pm UTC](https://community.weweb.io/t/how-do-i-build-a-chart-gantt/19793/2 "2025-08-26T15:57:49Z")

</div>

Hi there! Ask WeWeb AI to build you a custom component. This is a common use case - I built a bunch of them for testing, so did @Alexis . You will be able to build a pretty cool one with just a few prompts.

---

<div class="post-metadata">

**Author:** ![FabianHBR](https://avatars.discourse-cdn.com/v4/letter/f/d6d6ee/32.png) [@FabianHBR](https://community.weweb.io/u/FabianHBR)\
**Post date:** [September 11, 2025, 6:53pm UTC](https://community.weweb.io/t/how-do-i-build-a-chart-gantt/19793/3 "2025-09-11T18:53:03Z")

</div>

There was a gantt chart in the Public Roadmap, but now I cant find the roadmap anymore 😃 is it not public anymore ?😕

---

<div class="post-metadata">

**Author:** ![Apptrix](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/apptrix/32/14701_2.png) [@Apptrix](https://community.weweb.io/u/Apptrix)\
**Post date:** [September 11, 2025, 7:57pm UTC](https://community.weweb.io/t/how-do-i-build-a-chart-gantt/19793/4 "2025-09-11T19:57:28Z")

</div>

I created one the other day, but it was specific to my project, but you can fork it and adapt it for yours.

> **[GitHub - MendesCorporation/weweb-gantt: gráfico de gantt para weweb](https://github.com/MendesCorporation/weweb-gantt)**
>
> gráfico de gantt para weweb