I’m working with the ReactFlow library to prototype a graph structure where nodes within a parent can only establish connections with other nodes within the same parent. The graph includes multiple parent nodes, each containing various child nodes. Child nodes are restricted from connecting with nodes outside of their parent, while parent nodes can connect with each other.
Could someone provide insights or suggestions on how to implement this flow effectively using ReactFlow?
Details:
- The prototype involves multiple parent nodes, each containing a set of child nodes.
- Child nodes are limited to connecting only within their parent node and cannot connect with nodes outside of their parent.
- Parent nodes have the ability to connect with other parent nodes within the graph.
- The goal is to maintain the connectivity and accessibility of nodes within each parent while enforcing connectivity restrictions across the graph.
Any insights, approaches, or relevant resources specific to ReactFlow would be appreciated. Thank you!