<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        {
            id: "1",
            x: 100,
            y: 100,
            width: 120,
            height: 60,
            content: { text: "Shape 1" },
            fill: "lightblue"
        },
        {
            id: "2", 
            x: 300,
            y: 100,
            width: 120,
            height: 60,
            content: { text: "Shape 2" },
            fill: "lightgreen"
        }
    ],
    connections: [
        { from: "1", to: "2" }
    ]
});
</script>