0

I want to make a tree view structure in React JS. I already use the package "goJS" but I am facing some issues in it. As the price of this package is very high so I can't purchase it.

The issue is that whenever I minimize the parent node it shifts to the left side and also I am unable to inspect the tree view.

I am also attaching the screenshot of my desired structure. Also I am performing some basic actions on each node and minimizing and expanding each node. Can anybody please help out !

enter image description here

mohsin hussain
  • 13
  • 5
  • Product recommendation requests are off topic for stack overflow, but this question might fit on [softwarerecs.se]. – dbc Jun 10 '22 at 15:13

2 Answers2

1

You can use MUI for your tree view structure. https://mui.com/material-ui/react-tree-view/ Good luck.

Andy Leong
  • 36
  • 5
0

At my job we implemented a similar view within our react front-end app using @visx/hierarchy, which is based on d3-hierarchy. I suggest you check the examples, they have some similar results than the image you linked, especially on the link types example.

Be aware that it's not an "out-of-the-box" solution, it'll require some work to obtain the exact result you want but the library will make it easier to compute the various nodes positions in a hierarchical layout.

PierreB
  • 489
  • 3
  • 14