Javascript 如何使用ag网格中的分组数据来显示外部div树结构，如treant.js？

我有来自api的json数据进入ag网格；我正在使用它将列分组为各种方式，并根据用户对分组列的顺序对数据进行分组

最重要的是，将数据分组后，我想绘制如下树结构：

如何使用处理后的数据创建上述树结构