<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
    shapeDefaults: {
      type: "circle",
      center: { x: 100, y: 100 },
      radius: 40,
      fill: { color: "lightgreen" }
    },
    shapes: [
      { content: { text: "Circle" } }
    ]
  });
</script>