<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        {
            id: "1",
            x: 100,
            y: 100,
            content: { text: "CEO" },
            accessibility: {
                ariaLabel: "Chief Executive Officer position"
            }
        },
        {
            id: "2",
            x: 300,
            y: 100,
            content: { text: "CTO" },
            accessibility: {
                ariaLabel: "Chief Technology Officer position"
            }
        }
    ],
    connections: [
        { from: "1", to: "2" }
    ]
});
</script>