Link to video here.
const $ = go.GraphObject.make;
const myDiagram = new go.Diagram("myDiagramDiv");
const nodeDataArray = [
{ key: "Alpha", color: "lime" },
{ key: "Beta", color: "cyan" },
{ key: "Zeta", isGroup: true },
{ key: "Delta", color: "pink", group: "Zeta" },
{ key: "Gamma", color: "maroon", group: "Zeta" }
];
const linkDataArray = [
{ to: "Beta", from: "Alpha", color: "red" },
{ to: "Zeta", from: "Alpha" }
];
myDiagram.model = new go.GraphLinksModel(nodeDataArray, linkDataArray);
myDiagram.nodeTemplate =
$(go.Node, "Auto",
$(go.Shape, "RoundedRectangle", { fill: "white", },
new go.Binding("fill", "color")
),
$(go.TextBlock, "text", { margin: 10 },
new go.Binding("text", "key")
)
);
myDiagram.linkTemplate =
$(go.Link,
$(go.Shape, { strokeWidth: 3 },
new go.Binding("stroke", "color")),
$(go.Shape,
{ toArrow: "Standard", stroke: null },
new go.Binding("fill", "color"))
);