<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", x: 300, y: 100, content: { text: "Root" } },
        { id: "2", x: 100, y: 200, content: { text: "Child 1" } },
        { id: "3", x: 500, y: 200, content: { text: "Child 2" } },
        { id: "4", x: 50, y: 300, content: { text: "Child 3" } },
        { id: "5", x: 150, y: 300, content: { text: "Child 4" } }
    ],
    connections: [
        { from: "1", to: "2" },
        { from: "1", to: "3" },
        { from: "2", to: "4" },
        { from: "2", to: "5" }
    ],
    layout: {
        type: "tree",
        subtype: "radial",
        endRadialAngle: 180
    }
});
</script>