Automatic layout of elements in a process flow on a 2-D canvas based on representations of flow logic
Layouts for elements of a flowchart or flow diagram may use recursive algorithms that trace along each parent-child pathway to ensure that child elements always occur after parent elements in a horizontal spacing. Vertical spacing requirements may then be calculated for each element, along with a vertical space above a center line and a vertical space below a center line for each element. These vertical spacing requirements may then be used by a recursive algorithm to assign vertical positions to each of the elements. The vertical spacing may ensure that lanes created for each branch element are not crossed by later elements in the process flow, which ensures that connections between elements may be clearly distinguished from each other.
1. A non-transitory computer-readable medium comprising instructions that, when executed by one or more processors, cause the one or more processors to perform operations comprising:
accessing a data structure comprising a plurality of nodes organized in a hierarchy to generate a flowchart display;
assigning positions to the plurality of nodes, wherein child nodes in the hierarchy follow parent nodes in the first direction;
calculating dimensions in a second direction for the plurality of nodes, wherein each of the dimensions in the second direction represents an amount of space occupied in the second direction by a node and by branching child nodes of the node that follow after the node in the flowchart display;
assigning positions to the plurality of nodes in the second direction based on the dimensions in the second direction of the plurality of nodes, wherein assigning the positions to the plurality of nodes in the second direction comprises:
identifying a branch node in the plurality of nodes;
identifying a join node in the plurality of nodes that joins branches created by the branch node; and
assigning a position in the second direction to the branch node and the join node, wherein a line in the first direction between the position of the branch node and the position of the join node does not intersect with any connectors between any of the plurality of nodes; and
causing the flowchart display to be generated using the positions of the plurality of nodes in the first direction and the positions of the plurality of nodes in the second direction.
2. The non-transitory computer-readable medium of claim 1 , wherein assigning positions to the plurality of nodes in the first direction comprises:
assigning an index to a parent node in the plurality of nodes;
incrementing the index; and
recursively passing the index to child nodes of the parent node after the index has been incremented.
3. The non-transitory computer-readable medium of claim 2 , wherein assigning positions to the plurality of nodes in the first direction further comprises:
assigning the index to the child nodes unless the child nodes have already been assigned a larger index.
4. The non-transitory computer-readable medium of claim 2 , wherein values of the index indicate positions in the first direction, wherein the positions are dynamically sized to fit an assigned node having a largest associated icon.
5. The non-transitory computer-readable medium of claim 1 , wherein the plurality of nodes comprises process nodes that receive input data and generate output data.
6. The non-transitory computer-readable medium of claim 1 , wherein the plurality of nodes comprises branch nodes that have at least two child nodes.
7. The non-transitory computer-readable medium of claim 1 , wherein the plurality of nodes comprises join nodes that have at least two parent nodes and have fewer child nodes than parent nodes.
8. The non-transitory computer-readable medium of claim 1 , wherein the data structure comprises an extensible Markup Language (XML) file that describes the plurality of nodes and relationships between the plurality of nodes in the hierarchy.
9. The non-transitory computer-readable medium of claim 1 , wherein calculating dimensions in the second direction for the plurality of nodes comprises:
recursively calculating the dimensions in the second direction for child nodes in the hierarchy; and
calculating the dimensions in the second direction for parent nodes as sums of the dimensions in the second direction for the child nodes.
10. The non-transitory computer-readable medium of claim 1 , wherein calculating dimensions in the second direction for the plurality of nodes comprises:
calculating distances above and below center lines for the plurality of nodes.
11. The non-transitory computer-readable medium of claim 1 , wherein calculating dimensions in the second direction for the plurality of nodes further comprises:
recursively calculating distances above and below center lines for child nodes of branch nodes in the hierarchy; and
calculating the dimensions in the second direction for the branch nodes based on the distances above and below the center lines for the child nodes.
12. The non-transitory computer-readable medium of claim 1 , wherein assigning the positions to the plurality of nodes in the second direction comprises:
assigning a position in the second direction to a current node; and
recursively assigning positions in the second direction to child nodes of the current node based on the position of the current node.
13. The non-transitory computer-readable medium of claim 12 , wherein recursively assigning the positions in the second direction to the child nodes of the current node comprises:
passing a first child node the position of the current node minus a distance in the first direction occupied by the first child node below a center line of the first child node; and
passing a second child node the position of the current node plus a distance in the first direction occupied by the second child node above a center line of the second child node.
14. The non-transitory computer-readable medium of claim 1 , wherein parallel execution paths in the hierarchy occupy a same position in the first direction.
15. The non-transitory computer-readable medium of claim 1 , wherein the operations further comprise translating the data structure comprising the plurality of nodes into a linked list.
16. A method of generating a layout for a flowchart, the method comprising:
accessing a data structure comprising a plurality of nodes organized in a hierarchy to generate a flowchart display;
assigning positions to the plurality of nodes, wherein child nodes in the hierarchy follow parent nodes in the first direction;
calculating dimensions in a second direction for the plurality of nodes, wherein each of the dimensions in the second direction represents an amount of space occupied in the second direction by a node and by branching child nodes of the node that follow after the node in the flowchart display;
assigning positions to the plurality of nodes in the second direction based on the dimensions in the second direction of the plurality of nodes, wherein assigning the positions to the plurality of nodes in the second direction comprises:
identifying a branch node in the plurality of nodes;
identifying a join node in the plurality of nodes that joins branches created by the branch node; and
assigning a position in the second direction to the branch node and the join node, wherein a line in the first direction between the position of the branch node and the position of the join node does not intersect with any connectors between any of the plurality of nodes; and
causing the flowchart display to be generated using the positions of the plurality of nodes in the first direction and the positions of the plurality of nodes in the second direction.
17. A system comprising:
one or more processors; and
one or more memory devices comprising instructions that, when executed by the one or more processors, cause the one or more processors to perform operations comprising:
accessing a data structure comprising a plurality of nodes organized in a hierarchy to generate a flowchart display;
assigning positions to the plurality of nodes, wherein child nodes in the hierarchy follow parent nodes in the first direction;
calculating dimensions in a second direction for the plurality of nodes, wherein each of the dimensions in the second direction represents an amount of space occupied in the second direction by a node and by branching child nodes of the node that follow after the node in the flowchart display;
assigning positions to the plurality of nodes in the second direction based on the dimensions in the second direction of the plurality of nodes, wherein assigning the positions to the plurality of nodes in the second direction comprises:
identifying a branch node in the plurality of nodes;
identifying a join node in the plurality of nodes that joins branches created by the branch node; and
assigning a position in the second direction to the branch node and the join node, wherein a line in the first direction between the position of the branch node and the position of the join node does not intersect with any connectors between any of the plurality of nodes; and
causing the flowchart display to be generated using the positions of the plurality of nodes in the first direction and the positions of the plurality of nodes in the second direction.