Top Align the tree layout neatly

GoJS
1

I want to create a diagram in the below fashion

image
image1062×618 32 KB

But i am able to only generate the diagram like the one below. I do not want the minor curved lines. And the line should link to center of the node. Though the diagram should start from the top, every node should connect to center of the node in a straight line.
image
image2230×944 109 KB

Here is the code

$(go.Diagram, {
      'undoManager.isEnabled': true,
      layout: $(go.TreeLayout, {
        angle: 0,
        alignment: go.TreeLayout.AlignmentStart)```

linkTemplate = $(
go.Link,
{ routing: go.Link.Orthogonal, segmentFraction: 0.2 },
$(go.Shape, { stroke: ‘#5A5A5A’, strokeWidth: 1 })
);

2

Try the custom TreeLayout that is in Aligned Start TreeLayout

It overrides an undocumented method to achieve the custom positioning of the parent node relative to its children that you want.

I suppose we might want to add some new TreeLayout.Alignment… enum values some day…