<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", x: 100, y: 100, content: { text: "Parent" } },
        { id: "2", x: 200, y: 150, content: { text: "Sibling 1" } },
        { id: "3", x: 200, y: 200, content: { text: "Sibling 2" } }
    ],
    connections: [
        { from: "1", to: "2" },
        { from: "1", to: "3" }
    ],
    layout: {
        type: "tree",
        subtype: "tipOver",
        underneathVerticalSeparation: 25
    }
});
</script>