Nodes

- Contains main text and subtext, positioned in the middle of rectangle.

Branch

- The main text and subtext are added consecutively, and rectangle shapes with specific width and height are added for both parents.

- The Node border color is extracted from the JSON Data Structure.

- Example of the two-layer structure:

- The compact composition positions nodes in the form of two stacks, left stack and right stack.

- The links are generated differently for the leaf nodes.

- The long compositions positions nodes in form of a single stack in the middle.

**For compact composition:**

- We add visited parents to a set and add all the children of that parent at once, and never visit children of that parent again.

- Stack the even/left leaf nodes i.e., leaf1, and leaf2 are positioned at dx1, and similarly stack right nodes at dx2, and increment dy.

**For long composition:**

- We stack the nodes one by one, for long composition.

- Link implementation is similar to compact composition.