<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    tooltip: {
        connectionTemplate: (e)=> `T: ${e.dataItem.label}`
    },
    shapes: [
        { id: "1", x: 100, y: 100, content: { text: "Shape 1" } },
        { id: "2", x: 300, y: 200, content: { text: "Shape 2" } }
    ],
    connections: [
        {
          from: "1",
          to: "2",
          dataItem: { label: "Connection from 1 to 2" }
        }
    ]
});
</script>