I am trying to build the Amazon web services(given link) image using gojs, but I’m getting the above image I attached. Can anyone suggest what I have to do
You probably want to set routing: go.Link.Orthogonal
on your Link template.
https://gojs.net/latest/intro/links.html
You probably want to set fromSpot: go.Spot.AllSides, toSpot: go.Spot.AllSides
on the port in your node template.
https://gojs.net/latest/intro/connectionPoints.html#ToSpotAndFromSpot
And something must be wrong with your definition of the “Amazon Comprehend” node’s template, because the link to it stops way short of where one expect.
And there’s something wrong with the template for the two nodes in the “Private Subnet” – they are too skinny.
Set the “VPC” Group.layout to be a GridLayout with GridLayout.wrappingColumn set to 1.
I don’t know about how wide you want the dashed-orange "Availability Zone"s to go, but you could set their Group.layout to be a GridLayout with wrappingColumn set to 2 or 3.