# Org Chart

**URL:** <https://community.glideapps.com/t/org-chart/77651>\
**Category:** Ask for Help\
**Created:** [November 6, 2024, 4:22am UTC](https://community.glideapps.com/t/org-chart/77651 "2024-11-06T04:22:42Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stephen\_Hui](https://avatars.discourse-cdn.com/v4/letter/s/74df32/32.png) [@Stephen\_Hui](https://community.glideapps.com/u/Stephen_Hui)\
**Post date:** [November 6, 2024, 4:22am UTC](https://community.glideapps.com/t/org-chart/77651/1 "2024-11-06T04:22:42Z")

</div>

Is it possible to create an Org Chart in Glide? Thanks.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [November 6, 2024, 5:31am UTC](https://community.glideapps.com/t/org-chart/77651/2 "2024-11-06T05:31:09Z")

</div>

> [@Interactive organisation structure Tree chart diagram](https://community.glideapps.com/t/interactive-organisation-structure-tree-chart-diagram/77588):
>
> Hi, everyone! I hope you’re fine! I’m trying to create organisation structure Tree chart diagram. At first looks very simple: Use “apexcharts” library. Create an HTML Inject JSON data to HTML body. Use Glide HTML to URL column to create a link Show link in Glide Web Embed component. Main difficulty for me is to craft an JSON data, because “apexcharts” require each child component must include they Children. This one became to loop dependency error in Glide. I can solve it by creating indepen…

---

<div class="post-metadata">

**Author:** ![Stephen\_Hui](https://avatars.discourse-cdn.com/v4/letter/s/74df32/32.png) [@Stephen\_Hui](https://community.glideapps.com/u/Stephen_Hui)\
**Post date:** [November 7, 2024, 10:42am UTC](https://community.glideapps.com/t/org-chart/77651/3 "2024-11-07T10:42:29Z")

</div>

Thank you, Jeff. I watched the topic, but I find it a bit complicated and I still haven’t figured out how it works. Is there an easier way to create the org chart? I used the AI custom component, which generated an org chart for me, but I’m unsure how to link the data to my existing user table. Do you have any ideas?

 ![Screenshot (2)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/d/5d19b5bee3b1d5a25b24791f9fca9b9c68a3557e.png)  
 ![Screenshot 2024-11-07 183742](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/f/6f3425049b142e105c2f7ddbd16eb96b9a68fd29.png)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [November 7, 2024, 1:13pm UTC](https://community.glideapps.com/t/org-chart/77651/4 "2024-11-07T13:13:22Z")

</div>

It’s not something I’ve tried to create my myself. I imagine for it to work well with a custom component, creating some sort of JSON hierarchy of all your data in a single column cell would be the easiest way for the AI to understand the data and do something with it. I don’t think you are going to get it to read several rows of data on it’s own to figure out your hierarchy, since it can only read data from the current row. For that reason I think you need to aggregate your data into a single cell, and JSON is typically the best format for that.

---

<div class="post-metadata">

**Author:** ![Stephen\_Hui](https://avatars.discourse-cdn.com/v4/letter/s/74df32/32.png) [@Stephen\_Hui](https://community.glideapps.com/u/Stephen_Hui)\
**Post date:** [November 7, 2024, 2:54pm UTC](https://community.glideapps.com/t/org-chart/77651/5 "2024-11-07T14:54:22Z")

</div>

Thanks Jeff 👍

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 7, 2024, 11:31pm UTC](https://community.glideapps.com/t/org-chart/77651/6 "2024-11-07T23:31:25Z")

</div>

I can vouch for this, but make sure you include a sample JSON structure of your data in your prompt. I did it for another app and the AI Component tried to guess my JSON structure at first, instead of using the JSON structure I linked to it.

---

<div class="post-metadata">

**Author:** ![Stephen\_Hui](https://avatars.discourse-cdn.com/v4/letter/s/74df32/32.png) [@Stephen\_Hui](https://community.glideapps.com/u/Stephen_Hui)\
**Post date:** [November 8, 2024, 7:20am UTC](https://community.glideapps.com/t/org-chart/77651/7 "2024-11-08T07:20:37Z")

</div>

Hi ThinhDinh, I am that not familar with JSO-N yet. Let me try. Thanks anyway,
