<script src="https://gojs.net/latest/release/go.js"></script>
<body>

  <div id="myDiagramDiv" style="border: solid 1px black; width:500px; height:500px"></div>
  <p><a href="https://gojs.net"/>gojs.net<a/></p>
</body>
function init() {
  var $ = go.GraphObject.make;

  myDiagram =
    $(go.Diagram, "myDiagramDiv",
      {
        initialContentAlignment: go.Spot.Center,
        "undoManager.isEnabled": true
      }
    );

  myDiagram.nodeTemplate =
    $(go.Node,
      $(go.Shape,
        {
          fill: "lightgray",
          geometryString: "F M244.414 133.231 L180.857 133.231 178.509 156.191 250.527 192.94z M179.027 276.244 262.328 308.179 253.451 221.477z M267.717 360.866 264.845 332.807 220.179 360.866z M167.184 266.775 247.705 207.524 176.95 171.421z M157.551 360.866 192.975 360.866 256.447 320.996 165.218 286.021z M141.262 374.366 141.262 397.935 161.396 397.935 161.396 425.268 179.197 425.268 179.197 397.935 246.07 397.935 246.07 425.268 263.872 425.268 263.872 397.935 284.006 397.935 284.006 374.366z"
        }
      )
    );

  myDiagram.model = new go.GraphLinksModel(
    [
      { key: "Alpha"}
    ]
  );
}

init();
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.