Workflow diagram

GoJS
1

Wondering if there is a sample that shows a workflow diagram. Refer attached for data and what I’m trying to achieve

Workflow
Workflow561×521 7.92 KB

Here’s the data:

    myDiagram.model = new go.GraphLinksModel(
      [
        { key: 1, text: 'Open' },
        { key: 6, text: 'Closed'},
        { key: 10112, text: 'Work in progress' },
        { key: 10103, text: 'Pending' },
        { key: 10113, text: 'Completed' },
        { key: 10104, text: 'Canceled' },
      ],
      [
    {
        from: 1,
        to: 10104,
    },
    {
        from: 1,
        to: 10113,
    },
    {
        from: 1,
        to: 10112,
    },
    {
        from: 1,
        to: 10103,
    },
    {
        from: 10112,
        to: 10104,
    },
    {
        from: 10103,
        to: 10104,
    },
    {
        from: 10112,
        to: 10113,
    },
    {
        from: 10113,
        to: 10112,
    },
    {
        from: 10103,
        to: 10112,
    },
 
    {
        from: 10112,
        to: 10103,
    },
    {
        from: 10104,
        to: 6,
    },
    {
        from: 10113,
        to: 6,
    }
]
    );
2

Yes, but maybe they’re too complex if that’s what you want to start from. Here’s a basic idea of that Diagram: https://codepen.io/simonsarris/pen/vEERXJx?editors=1010

3

Thanks Simon. Yes - I was able to get the diagram you’ve coded. What I’m after is controlling the layout from top to bottom having it look exactly like the diagram I sent

4

If you want precise locations, you won’t want to use a layout at all, instead you’ll want to data-bind the Node.location or position and give them positions manually (though maybe you want to start with a layout). This is how many of our samples work, such as flowchart.