<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", type: "rectangle", x: 100, y: 100 },
        { id: "2", type: "rectangle", x: 200, y: 100 }
    ]
});

var diagram = $("#diagram").getKendoDiagram();
var shape1 = diagram.getShapeById("1");
var shape2 = diagram.getShapeById("2");

// Create a group and set its x position
var group = new kendo.dataviz.diagram.Group();
group.x = 150;
group.append(shape1.visual);
group.append(shape2.visual);

console.log("Group x position:", group.x);
</script>