How to show Stacked shapes

GoJS
1

I have a requirement to show shapes stacked on each other. How can I achieve it
Screenshot 2024-06-04 at 16.57.08

2

There are lots of ways of accomplishing that. The best way depends on what behaviors you need to support as well. Will the shapes change dynamically? Will the size need to be determined dynamically based on some varying content? Do you expect the user to be able to resize the node? Should the stacking look different when rotated, if that is permitted?

3

No, It would be a static shape. We won’t be resizing or rotating it. Shapes won’t be changing dynamically. Their size would be defined by a static variable.

4

You will need to supply that three-arrowed icon, preferably as an SVG file.

myDiagram.nodeTemplate =
  new go.Node("Position")
    .add(
      new go.Shape("RoundedRectangle", {
          width: 96, height: 96, angle: 45,
          fill: "white", stroke: "lightgray", strokeWidth: 3,
          position: new go.Point(10, 10)
        }),
      new go.Panel("Spot")
        .add(
          new go.Shape("RoundedRectangle", {
              width: 96, height: 96, angle: 45,
              fill: "#EADFF6", stroke: "#CBB3E8", strokeWidth: 3
            }),
          new go.Picture("???.svg", { width: 48, height: 48 })
        )
    );