Banded LayeredDigraphLayout

@walter I think I was able to achieve what I’m looking for using the previous example you had here Setting nodes to specific bands - #14

Here is how my data is structure.

      // define the tree node data
      nodeDataArray = [
        {
          key: "_BANDS",
          category: "VerticalBands",
          itemArray: [
            { visible: false },
            { text: "One" },
            { text: "Two" },
            { text: "Three" }
          ]
        },
        { band: 1, category: "simple", key: "Q0" },
        { band: 2, category: "simple", key: "Q1" },
        { band: 2, category: "simple", key: "Q2" },
        { band: 3, category: "simple", key: "Q3" },
        { band: 3, category: "simple", key: "Q4" },
        { band: 1, category: "simple", key: "Q5" }
      ];

      linkDataArray = [
        {from: 'Q0', to: 'Q2'},
        {from: 'Q0', to: 'Q1'},
        {from: 'Q1', to: 'Q3'},
        {from: 'Q5', to: 'Q4'},
      ];

      // this.myDiagram.model = new go.TreeModel(nodearray);
      this.myDiagram.model =
        $(go.GraphLinksModel,
          {
            nodeDataArray,
            linkDataArray
          }
        );

I just need to work on the linkTemplate and style the diagram.

image