The organization chart has the correct layout on the coordinate plane.
Budget: $30 – $250 USD
Hello, we are trying to develop a solution using ReactFlow to make our organization's chart manageable and visualizable.
What we want is to arrange the organization chart in a tree structure, but the nodes should be placed within their parent nodes, meaning that parents should act as clusters and be able to contain their children.
Note: Please do not manually intervene with the data. The data normally comes from a database and does not include width, height, or coordinate plane information. All this information should be automatically calculated by an algorithm to create the layout.
You can access the project from below, and the desired output is visually provided below.
https://stackoverflow.com/questions/79415920/creating-the-layout-on-reactflow-canva-as-a-grouped-organization-chart
What we want is to arrange the organization chart in a tree structure, but the nodes should be placed within their parent nodes, meaning that parents should act as clusters and be able to contain their children.
Note: Please do not manually intervene with the data. The data normally comes from a database and does not include width, height, or coordinate plane information. All this information should be automatically calculated by an algorithm to create the layout.
You can access the project from below, and the desired output is visually provided below.
https://stackoverflow.com/questions/79415920/creating-the-layout-on-reactflow-canva-as-a-grouped-organization-chart