   }),
        new go.TextBlock({ font: "20px sans-serif" })
          .bind("text")
      );

  const nodeDataArray = [
    { key: 1, text: "Alpha" },
    { key: 2, text: "Beta" }
  ];
  const linkDataArray = [
    { from: 1, to: 2 }
  ];
  diagram.model = new go.GraphLinksModel(nodeDataArray, linkDataArray);
</code></pre>
<script>goCode("singlePort", 600, 150)</script>
<p>
  Notice how the links nicely connect the circular shapes by ignoring the text labels.
</p>

<h2 id="GeneralPorts">General Ports</h2>
