<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", x: 100, y: 100, content: { text: "Root" } },
        { id: "2", x: 200, y: 200, content: { text: "Child 1" } },
        { id: "3", x: 300, y: 200, content: { text: "Child 2" } }
    ],
    connections: [
        { from: "1", to: "2" },
        { from: "1", to: "3" }
    ],
    layout: {
        type: "layered",
        layerSeparation: 100
    }
});
</script>