I'm evaluating Diagramming for my client. We are replacing an old system and part of that is the requirement to be able to display their graphs as flowcharts. They have about 2200 different graphs.
My problem is that I can't get the graphs to render properly. Lines are either crossing boxes or placed strange.
Ive tried to first place all boxes on the diagram and then add all connections.
I've also tried to generate a tree in the memory and then add it to the diagram traversing the tree by starting in the left leaf.
Here is one of the problematic graphs:
{
"Nodes": [{
"id": "9275832"
},
{
"id": "9275873"
},
{
"id": "9275855"
},
{
"id": "9275843"
},
{
"id": "9275859"
},
{
"id": "9275872"
},
{
"id": "9275879"
},
{
"id": "9275869"
},
{
"id": "9275885"
},
{
"id": "9275861"
},
{
"id": "9275882"
},
{
"id": "9275834"
},
{
"id": "9275887"
},
{
"id": "9275880"
},
{
"id": "9275896"
},
{
"id": "9275845"
},
{
"id": "9275878"
},
{
"id": "9275895"
},
{
"id": "9275846"
},
{
"id": "9275840"
},
{
"id": "9275838"
},
{
"id": "9275863"
},
{
"id": "9275884"
},
{
"id": "9275847"
},
{
"id": "9275836"
},
{
"id": "9275870"
},
{
"id": "9275875"
},
{
"id": "9275850"
},
{
"id": "9275857"
},
{
"id": "9275848"
},
{
"id": "9275883"
},
{
"id": "9275837"
},
{
"id": "9275893"
},
{
"id": "9275839"
},
{
"id": "9275849"
},
{
"id": "9275860"
},
{
"id": "9275851"
},
{
"id": "9275852"
},
{
"id": "9275868"
},
{
"id": "9275864"
},
{
"id": "9275889"
}],
"Connections": [{
"FromId": 9275840,
"ToId": 9275863,
"IsDefaultPath": true
},
{
"FromId": 9275840,
"ToId": 9275869,
"IsDefaultPath": false
},
{
"FromId": 9275843,
"ToId": 9275868,
"IsDefaultPath": true
},
{
"FromId": 9275843,
"ToId": 9275872,
"IsDefaultPath": true
},
{
"FromId": 9275843,
"ToId": 9275834,
"IsDefaultPath": true
},
{
"FromId": 9275843,
"ToId": 9275878,
"IsDefaultPath": false
},
{
"FromId": 9275843,
"ToId": 9275855,
"IsDefaultPath": true
},
{
"FromId": 9275843,
"ToId": 9275859,
"IsDefaultPath": true
},
{
"FromId": 9275847,
"ToId": 9275875,
"IsDefaultPath": false
},
{
"FromId": 9275847,
"ToId": 9275836,
"IsDefaultPath": true
},
{
"FromId": 0,
"ToId": 9275832,
"IsDefaultPath": true
},
{
"FromId": 9275838,
"ToId": 9275840,
"IsDefaultPath": true
},
{
"FromId": 9275870,
"ToId": 9275875,
"IsDefaultPath": true
},
{
"FromId": 9275872,
"ToId": 9275879,
"IsDefaultPath": true
},
{
"FromId": 9275884,
"ToId": 9275847,
"IsDefaultPath": true
},
{
"FromId": 9275885,
"ToId": 9275861,
"IsDefaultPath": true
},
{
"FromId": 9275878,
"ToId": 9275895,
"IsDefaultPath": true
},
{
"FromId": 9275834,
"ToId": 9275860,
"IsDefaultPath": true
},
{
"FromId": 9275836,
"ToId": 9275852,
"IsDefaultPath": true
},
{
"FromId": 9275863,
"ToId": 9275851,
"IsDefaultPath": true
},
{
"FromId": 9275846,
"ToId": 9275885,
"IsDefaultPath": true
},
{
"FromId": 9275855,
"ToId": 9275846,
"IsDefaultPath": true
},
{
"FromId": 9275873,
"ToId": 9275843,
"IsDefaultPath": true
},
{
"FromId": 9275883,
"ToId": 9275837,
"IsDefaultPath": true
},
{
"FromId": 9275861,
"ToId": 9275882,
"IsDefaultPath": true
},
{
"FromId": 9275896,
"ToId": 9275873,
"IsDefaultPath": true
},
{
"FromId": 9275868,
"ToId": 9275850,
"IsDefaultPath": true
},
{
"FromId": 9275879,
"ToId": 9275839,
"IsDefaultPath": true
},
{
"FromId": 9275857,
"ToId": 9275880,
"IsDefaultPath": true
},
{
"FromId": 9275850,
"ToId": 9275857,
"IsDefaultPath": true
},
{
"FromId": 9275895,
"ToId": 1,
"IsDefaultPath": true
},
{
"FromId": 9275859,
"ToId": 9275879,
"IsDefaultPath": true
},
{
"FromId": 9275893,
"ToId": 1,
"IsDefaultPath": true
},
{
"FromId": 9275839,
"ToId": 9275849,
"IsDefaultPath": true
},
{
"FromId": 9275849,
"ToId": 9275880,
"IsDefaultPath": true
},
{
"FromId": 9275882,
"ToId": 9275887,
"IsDefaultPath": true
},
{
"FromId": 9275887,
"ToId": 9275880,
"IsDefaultPath": true
},
{
"FromId": 9275832,
"ToId": 9275896,
"IsDefaultPath": true
},
{
"FromId": 9275869,
"ToId": 9275875,
"IsDefaultPath": true
},
{
"FromId": 9275880,
"ToId": 9275848,
"IsDefaultPath": true
},
{
"FromId": 9275837,
"ToId": 9275893,
"IsDefaultPath": true
},
{
"FromId": 9275851,
"ToId": 9275884,
"IsDefaultPath": true
},
{
"FromId": 9275848,
"ToId": 9275883,
"IsDefaultPath": true
},
{
"FromId": 9275852,
"ToId": 9275870,
"IsDefaultPath": true
},
{
"FromId": 9275860,
"ToId": 9275838,
"IsDefaultPath": true
},
{
"FromId": 9275875,
"ToId": 9275880,
"IsDefaultPath": true
}]
}
FromId = 0 means that the node should connect to "start"
ToId = 1 means that the node should connect to "end"