<div id="diagram"></div>
<script>
// Access and modify the x coordinate of a point
var point = new kendo.dataviz.diagram.Point(150, 100);
console.log("Initial x:", point.x); // Output: 150

// Modify the x coordinate
point.x = 250;
console.log("Modified x:", point.x); // Output: 250

// Use the modified point in a diagram
$("#diagram").kendoDiagram({
    shapes: [{
        id: "shape1",
        x: point.x,
        y: point.y,
        width: 60,
        height: 60,
        type: "rectangle"
    }]
});
</script>