In my project, I need to visualize some data in the following way, which is similar to a tree with children in both left and right side, as the below picture shows:

I prefer to use the ECharts.js library, which is already installed in the current project.

I search the DOC of the ECharts, and find that it only supports the single side tree, either from left to right, right to left. echarts.baidu.com/examples/editor.html It also support multiple trees in the same chart, but the multiple trees do not have the same root. ecomfe.github.io/echarts-examples/public/editor.h…

I think this kind of tree structure is very common, but I find both EChart and D3 can't support this by default.

Is there any existing npm package can meet this requirement?

So how to do this in ECharts? I prefer ECharts to D3, since I think ECharts is easier. But if you know solution in D3, it's also welcomed.